<template>
  <aside v-if='editable'>
    <transition name="slide-fade">
      <div class="bar" v-bind:class="{active: flag, deactive: !flag}" style="position: relative" id="bar">
        <ul class="aui-flex-col">
          <!--
                  <li v-if="!managable" @click="themeExport" class="aui-flex-row aui-flex-middle" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"><span class="icon SkinEditor icondownload2"></span><span>导出</span></li>
          -->
          <li v-if="!managable" @click="themePreview" class="aui-flex-row aui-flex-middle"
              v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"><span
            class="icon SkinEditor iconeye"></span><span>预览</span></li>
          <!--
                  <li v-if="!managable" @click="themePublish" class="aui-flex-row aui-flex-middle" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"><span class="icon SkinEditor iconfeiji"></span><span>发布</span></li>
          -->
        <li v-if="managable" @click="themeRefuse" class="aui-flex-row aui-flex-middle" v-bind:class="{filter1: auditStatus == 0}" style="width:50%;font-size: 15px;color: #fff;background-color: rgb(192,57,43)"><span class="el-icon-circle-close" style="font-size: 27px;height: 26px;"></span><span v-if="auditStatus == 1 || auditStatus == 2" style="cursor:pointer">打回</span><span v-if="auditStatus == 0" class="filter1">已打回</span></li>
        <li v-if="managable" @click="themePass" class="aui-flex-row aui-flex-middle" v-bind:class="{filter1: auditStatus == 1}" style="width:50%;font-size: 15px;color: #fff;background-color: rgb(19,158,131)"><span class="el-icon-circle-check" style="font-size: 27px;height: 26px;"></span><span v-if="auditStatus == 1" class="filter1">已通过</span><span v-if="auditStatus == 2 || auditStatus == 0" style="cursor:pointer">通过</span></li>
      </ul>
      <div>
      <!-- <el-tabs v-model="activeName" @tab-click="handleClick"> -->
      <el-tabs v-model="activeName" class="jzt_tabs">
        <!-- <el-tab-pane label="元素/控件" name="second" >
          <el-upload v-show="!uploadBtnVisible"
              class="upload-multiple"
              v-bind:class="{managable: managable}"
              action=''
              :data="uploadData"
              :multiple = "true"
              :file-list="fileList"
              :show-file-list="false"
              :auto-upload = "false"
              :on-change="onchange_"
              :http-request="uploadMultiplePics"
              :disabled="managable"
               ref="upload"
             >
              <el-button :disabled="managable" round>一键导入多图</el-button>
            </el-upload>
            <el-button v-show="uploadBtnVisible" @click.native="subPicForm" round>选取完毕，点击上传</el-button>
          <div ref="wrapper_" style="position: fixed; top: 160px; right: 0; bottom: 0; overflow: hidden;">
            <ul >
              <li style="width: 220px;" :class="activeItemIndex == index ? 'active aui-flex-col aui-flex-middle':'aui-flex-col aui-flex-middle'" v-for="(item, index) in listData" v-bind:key="item.name" @click='changeItemActive(index, item.name)' v-on:mouseover="changeListActive($event)" v-on:mouseout="removeListActive($event, index)">

                <span v-bind:class="[{success : item.status == 2}, {warning: item.status == 1}, {gray: item.status == 0}]"></span>

                <img style = "width: 18px; height: 20px" :src = 'getImgUrl_(item.name)' :onerror = 'defaultImg(item.name)' />
                <span>{{ item.name.indexOf("/") != -1 ? dealPicTitle(item.name.slice(item.name.indexOf("/") + 1)) : dealPicTitle(item.name) }}</span>
              </li>
            </ul>
          </div>
        </el-tab-pane> -->
        <el-tab-pane label="主题色" name="first" >
          <div ref="wrapper" style="position: fixed; top: 110px; right: 5px; bottom: 0; overflow: hidden;">
            <ul style="border-top: 0">
              <!-- <el-form ref="form" :model="formData"> -->
           <!-- <el-upload
              class="upload-demo"
              drag
              :action='uploadUrl'
              :show-file-list="false"
              :on-success="handleSuccess"
              :on-change="onchange"
              :disabled="managable"
              :before-upload="beforeUpload">
              <i v-if="!formData.thumb" class="el-icon-upload"></i>
              <div v-if="!formData.thumb" class="el-upload__text">上传主题封面<em>1280x720px PNG/JPG</em><i>可将图片拖拽至此</i></div>
              <img v-if="formData.thumb" class="thumb" :src="imgPath + formData.thumb" />
              <div v-show='formData.thumb' class="over"></div>
              <div class="btns aui-flex-col aui-flex-center aui-flex-middle">
                <button v-show='formData.thumb' @click.stop="formData.thumb = ''" class="aui-flex-col aui-flex-center aui-flex-middle" data-path><i class="icon SkinEditor iconhuifuchuchang"></i></button>
                <button v-show='formData.thumb' class="aui-flex-col aui-flex-center aui-flex-middle"><i class="icon SkinEditor iconshangchuan"></i></button>
              </div>
            </el-upload>-->
           <div style="margin: 0 10px;">
            <!-- <div style="margin: 10px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">主题详情</div>
            <el-input
              type="text"
              placeholder="请输入主题名称"
              v-model="formData.title"
              maxlength="10"
              resize="none"
              :readonly="managable"
              show-word-limit
            >
            </el-input> -->
           <!--<div style="margin: 0 0 10px;"></div>
            <el-input
              type="textarea"
              placeholder="请输入主题简介"
              v-model="formData.description"
              maxlength="200"
              resize="none"
               :readonly="managable"
              show-word-limit
            >
            </el-input>-->

             <!--<div style="margin: 10px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">主题分类</div>
             <div style="margin: 0 0 10px;"></div>
             <template>
              <el-select v-model="formData.categoryId" clearable filterable placeholder="请选择">
                <el-option
                  v-for="item in categoryList"
                  :key="item.id"
                  :label="item.value"
                  :value="item.id">
                </el-option>
              </el-select>
            </template>-->

       <!--     <div style="margin: 20px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">主题色</div>-->

            <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right">
              <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">正常</label>
              <div v-bind:class="{ shadow: formData.colorNormal == '#ffffff' }">
                <el-input placeholder=" " :readonly="managable" v-model="formData.colorNormal">
                  <!---->
                  <template slot="append">
                    <el-color-picker v-model="formData.colorNormal" size="small" :disabled="managable" @active-change="handleNormalChange"></el-color-picker>
                  </template>
                </el-input>
              </div>
            </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
              <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">选中</label>
              <div v-bind:class="{ shadow: formData.colorSelected == '#ffffff' }">
                <el-input placeholder=" " :readonly="managable" v-model="formData.colorSelected">
                  <!---->
                  <template slot="append">
                    <el-color-picker v-model="formData.colorSelected" size="small" :disabled="managable" @active-change="handleColorSelectedChange"></el-color-picker>
                  </template>
                </el-input>
              </div>
            </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
              <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">背景</label>
              <div v-bind:class="{ shadow: formData.colorDisabled == '#ffffff' }">
                <el-input placeholder=" " :readonly="managable" v-model="formData.colorDisabled">
                  <!---->
                  <template slot="append">
                    <el-color-picker v-model="formData.colorDisabled" size="small" :disabled="managable" @active-change="handleColorDisabledChange"></el-color-picker>
                  </template>
                </el-input>
              </div>
            </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">组件表面色</label>
               <div v-bind:class="{ shadow: formData.colorSurface == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorSurface">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorSurface" size="small" :disabled="managable" @active-change="handleColorSurfaceChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
           <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
             <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">主变体</label>
             <div v-bind:class="{ shadow: formData.colorPrimaryVariant == '#ffffff' }">
               <el-input placeholder=" " :readonly="managable" v-model="formData.colorPrimaryVariant">
                 <!---->
                 <template slot="append">
                   <el-color-picker v-model="formData.colorPrimaryVariant" size="small" :disabled="managable" @active-change="handleColorPrimaryVariantChange"></el-color-picker>
                 </template>
               </el-input>
             </div>
           </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">区分场景</label>
               <div v-bind:class="{ shadow: formData.colorSecondary == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorSecondary">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorSecondary" size="small" :disabled="managable" @active-change="handleColorSecondaryChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">屏幕背景</label>
               <div v-bind:class="{ shadow: formData.colorBackground == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorBackground">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorBackground" size="small" :disabled="managable" @active-change="handleColorBackgroundChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">错误信息</label>
               <div v-bind:class="{ shadow: formData.colorError == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorError">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorError" size="small" :disabled="managable" @active-change="handleColorErrorChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">区分场景(曲面)</label>
               <div v-bind:class="{ shadow: formData.colorOnSecondary == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorOnSecondary">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorOnSecondary" size="small" :disabled="managable" @active-change="handleColorOnSecondaryChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">屏幕背景(曲面)</label>
               <div v-bind:class="{ shadow: formData.colorOnBackground == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorOnBackground">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorOnBackground" size="small" :disabled="managable" @active-change="handleColorOnBackgroundChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>

             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right" style="margin:10px 0;">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">错误(曲面)</label>
               <div v-bind:class="{ shadow: formData.colorOnError == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorOnError">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorOnError" size="small" :disabled="managable" @active-change="handleColorOnErrorChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
             <div class="demo-input-suffix aui-flex-col aui-flex-middle aui-flex-right">
               <label style="color: #2c3e50;font-size: 15px;margin-right: 20px;">次级变体</label>
               <div v-bind:class="{ shadow: formData.colorSecondaryVariant == '#ffffff' }">
                 <el-input placeholder=" " :readonly="managable" v-model="formData.colorSecondaryVariant">
                   <!---->
                   <template slot="append">
                     <el-color-picker v-model="formData.colorSecondaryVariant" size="small" :disabled="managable" @active-change="handleColorSecondaryVariantChange"></el-color-picker>
                   </template>
                 </el-input>
               </div>
             </div>
           </div>
            </ul>
          </div>
        </el-tab-pane>

 <el-tab-pane label="字体" name="second" >
   <div ref="wrapper" style="position: fixed; top: 110px; right: 5px; bottom: 0; overflow: hidden;">
     <ul style="border-top: 0">
       <!-- <div style="margin: 20px 0 10px 10px;;color: #95a5a6; font-size: 15px; text-align:left;">文字</div>-->
         <div style="margin: 0 20px;">

            <div  class="jpr">
               <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题1</label>
               <div style="width:200px;float:right">
                    <el-select v-model="formData.hl1FontFamily" clearable placeholder="请选择" @change="currentSel($event,'hl1FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题2</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.hl2FontFamily" clearable placeholder="请选择"  @change="currentSel($event,'hl2FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题3</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.hl3FontFamily" clearable placeholder="请选择" @change="currentSel($event,'hl3FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题4</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.hl4FontFamily"clearable placeholder="请选择" @change="currentSel($event,'hl4FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">

              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题5</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.hl5FontFamily"clearable placeholder="请选择" @change="currentSel($event,'hl5FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">

              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">标题6</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.hl6FontFamily"clearable placeholder="请选择" @change="currentSel($event,'hl6FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">子标题1</label>
               <div style="width:200px;float:right">
                    <el-select v-model="formData.s1FontFamily"clearable placeholder="请选择" @change="currentSel($event,'s1FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">子标题2</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.s2FontFamily"clearable placeholder="请选择" @change="currentSel($event,'s2FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">主体1</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.b1FontFamily"clearable placeholder="请选择" @change="currentSel($event,'b1FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">主体2</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.b2FontFamily"clearable placeholder="请选择" @change="currentSel($event,'b2FontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">按钮</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.btFontFamily"clearable placeholder="请选择" @change="currentSel($event,'btFontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px; " class="jright_wz">说明</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.capFontFamily"clearable placeholder="请选择" @change="currentSel($event,'capFontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>
            <br/>
            <div  class="jpr">
              <label style="color: #2c3e50;font-size: 15px;margin-left: 20px; margin-top:10px;" class="jright_wz">上划线</label>
              <div style="width:200px;float:right">
                    <el-select v-model="formData.overFontFamily"clearable placeholder="请选择" @change="currentSel($event,'overFontFamily')">
                        <el-option
                          v-for="item in options"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                    </el-select>
               </div>
            </div>

         </div>
     </ul>
   </div>
 </el-tab-pane>

<el-tab-pane label="形状" name="third" >
 <div ref="wrapper" style="position: fixed; top: 110px; right: 5px; bottom: 0; overflow: hidden;">
   <ul style="border-top: 0">

     <!--<div style="margin: 20px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">圆角</div>-->
     <div style="margin: 0 10px;">

       <div  class="jpr">
         <div class="jxb_b">
           <label style="color: #2c3e50;font-size: 15px;margin-right: 0px;">小组件</label>
           <div style="width:190px;float:right;margin-top:-3px;margin-right: 10px;">
             <el-slider v-model="formData.smallCornerSize" :min="0" :max="50" @input="handleShapeChange($event,'smallCornerSize')"></el-slider>
           </div>
         </div>
         <div class="jxb_b">
           <label style="color: #2c3e50;font-size: 15px;margin-right: 0px;">中组件</label>
           <div style="width:190px;float:right;margin-top:-3px;margin-right: 10px;">
             <el-slider v-model="formData.mediumCornerSize" :min="0" :max="50" @input="handleShapeChange($event,'mediumCornerSize')"></el-slider>
           </div>
         </div>
         <div class="jxb_b">
           <label style="color: #2c3e50;font-size: 15px;margin-right: 0px;">大组件</label>
           <div style="width:190px;float:right;margin-top:-3px;margin-right: 10px;">
             <el-slider v-model="formData.largeCornerSize" :min="0" :max="50" @input="handleShapeChange($event,'largeCornerSize')"></el-slider>
           </div>
         </div>
       </div>

            <!-- <div  class="jpr">
               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">左侧按钮</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj1" :min="0" :max="30" @input="handleyj1Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">广告</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj2" :min="0" :max="45" @input="handleyj2Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">主题</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj3" :min="0" :max="20" @input="handleyj3Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">搜索框</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj4" :min="0" :max="20" @input="handleyj4Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">热门搜索</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj5" :min="0" :max="20" @input="handleyj5Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">详情</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj6" :min="0" :max="50" @input="handleyj6Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">购买按钮</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj7" :min="0" :max="20" @input="handleyj7Change"></el-slider>
                  </div>
               </div>

               <div class="jxb_b">
                  <label style="color: #2c3e50;font-size: 15px;margin-right: 10px;float: left;">首页</label>
                  <div style="width:125px;float:right;margin-top:-8px;">
                        <el-slider v-model="formData.yj8" :min="0" :max="30" @input="handleyj8Change"></el-slider>
                  </div>
               </div>
            </div>-->


            <!--<div style="margin: 20px 0 10px 10px;;color: #95a5a6; font-size: 15px; text-align:left;">主题标签</div>

            <div class="jzt_tags">
              <el-tag
                :key="tag"
                v-for="tag in formData.dynamicTags"
                closable
                :disable-transitions="false"
                @close="handleClose(tag)">
                {{tag}}
              </el-tag>
              <el-input
                class="input-new-tag"
                v-if="inputVisible"
                v-model="inputValue"
                ref="saveTagInput"
                size="small"
                @keyup.enter.native="handleInputConfirm"
                @blur="handleInputConfirm"
              >
              </el-input>
              <el-button v-else class="button-new-tag" size="small" @click="showInput" v-show="showTags">+ 添加标签</el-button>
            </div>-->

            <!-- <div style="margin: 20px 0 10px 10px;;color: #95a5a6; font-size: 15px; text-align:left;">是否免费</div>

             <div class="jpr">
               <el-radio-group v-model="formData.isFree" @change="changePrice">
                 <el-radio label="1">是</el-radio>
                 <el-radio label="0">否</el-radio>
               </el-radio-group>

                <div class="jpr_box" v-show="formData.isFree === '0'">
                  <el-input-number
                    placeholder="请输入价格"
                    v-model="formData.price"
                    resize="none"
                    :min="0"
                    :max="9999"
                    controls-position="right"
                    :precision="2"

                  />
                  <span>元</span>
                </div>
             </div>-->

             <!--<div style="margin: 0 0 10px;"></div>
             <div style="margin: 10px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">系统版本</div>
             <el-input
               type="text"
               placeholder="请输入系统版本"
               v-model="formData.sysVersion"
               maxlength="10"
               resize="none"
               :readonly="managable"
               show-word-limit
             >
             </el-input>-->
             <!--<div style="margin: 0 0 10px;"></div>



             <div style="margin: 20px 0 10px 10px;;color: #95a5a6; font-size: 15px; text-align:left;">效果图</div>
            <div class="dashboard aui-flex-col aui-flex-center aui-flex-middle" style="margin-bottom: 15px;">
              <el-upload
              class="upload-demo2"
              :action='uploadUrl'
              :show-file-list="false"
              :on-success="handleSuccess2"
              :on-change="onchange"
              :disabled="managable"
              :before-upload="beforeUpload2">
              <div class="aui-flex-col aui-flex-middle aui-flex-center">
                <i v-if="!formData.audioImg" class="el-icon-upload" style="font-size: 52px;margin-right: 5px;"></i>
                <div v-if="!formData.audioImg" class="el-upload__text" style="text-align:left;font-size: 14px;">上传效果图<em style="display:block;font-size: 12px;">1920x720px PNG/JPG</em></div>
              </div>
              <img v-if="formData.audioImg" class="thumb" :src="imgPath + formData.audioImg" />
              <div v-show='formData.audioImg' class="over"></div>
              <div v-if='formData.audioImg' class="btns aui-flex-col aui-flex-center aui-flex-middle">
                <button @click.stop="formData.audioImg = ''" class="aui-flex-col aui-flex-center aui-flex-middle" data-path><i class="icon SkinEditor iconhuifuchuchang"></i></button>
                <button class="aui-flex-col aui-flex-center aui-flex-middle"><i class="icon SkinEditor iconshangchuan"></i></button>
              </div>
            </el-upload>
            </div>
            <div class="dashboard aui-flex-col aui-flex-center aui-flex-middle" style="margin-bottom: 15px;">
              <el-upload
              class="upload-demo2"
              :action='uploadUrl'
              :show-file-list="false"
              :on-success="handleSuccess3"
              :on-change="onchange"
              :disabled="managable"
              :before-upload="beforeUpload2">
              <div class="aui-flex-col aui-flex-middle aui-flex-center">
                <i v-if="!formData.serviceImg" class="el-icon-upload" style="font-size: 52px;margin-right: 5px;"></i>
                <div v-if="!formData.serviceImg" class="el-upload__text" style="text-align:left;font-size: 14px;">上传效果图<em style="display:block;font-size: 12px;">1920x720px PNG/JPG</em></div>
              </div>
              <img v-if="formData.serviceImg" class="thumb" :src="imgPath + formData.serviceImg" />
              <div v-show='formData.serviceImg' class="over"></div>
              <div v-if='formData.serviceImg' class="btns aui-flex-col aui-flex-center aui-flex-middle">
                <button @click.stop="formData.serviceImg = ''" class="aui-flex-col aui-flex-center aui-flex-middle" data-path><i class="icon SkinEditor iconhuifuchuchang"></i></button>
                <button class="aui-flex-col aui-flex-center aui-flex-middle"><i class="icon SkinEditor iconshangchuan"></i></button>
              </div>
            </el-upload>
            </div>
            <div class="dashboard aui-flex-col aui-flex-center aui-flex-middle" style="margin-bottom: 15px;">
              <el-upload
              class="upload-demo2"
              :action='uploadUrl'
              :show-file-list="false"
              :on-success="handleSuccess4"
              :on-change="onchange"
              :disabled="managable"
              :before-upload="beforeUpload2">
              <div class="aui-flex-col aui-flex-middle aui-flex-center">
                <i v-if="!formData.applicationImg" class="el-icon-upload" style="font-size: 52px;margin-right: 5px;"></i>
                <div v-if="!formData.applicationImg" class="el-upload__text" style="text-align:left;font-size: 14px;">上传效果图<em style="display:block;font-size: 12px;">1920x720px PNG/JPG</em></div>
              </div>
              <img v-if="formData.applicationImg" class="thumb" :src="imgPath + formData.applicationImg" />
              <div v-show='formData.applicationImg' class="over"></div>
              <div v-if='formData.applicationImg' class="btns aui-flex-col aui-flex-center aui-flex-middle">
                <button @click.stop="formData.applicationImg = ''" class="aui-flex-col aui-flex-center aui-flex-middle" data-path><i class="icon SkinEditor iconhuifuchuchang"></i></button>
                <button class="aui-flex-col aui-flex-center aui-flex-middle"><i class="icon SkinEditor iconshangchuan"></i></button>
              </div>
            </el-upload>
            </div>-->
            <!--<div class="dashboard aui-flex-col aui-flex-center aui-flex-middle" style="margin-bottom: 15px;">
              <el-upload
              class="upload-demo2"
              :action='uploadUrl'
              :show-file-list="false"
              :on-success="handleSuccess5"
              :on-change="onchange"
              :disabled="managable"
              :before-upload="beforeUpload2">
              <div class="aui-flex-col aui-flex-middle aui-flex-center">
                <i v-if="!formData.screenImg" class="el-icon-upload" style="font-size: 52px;margin-right: 5px;"></i>
                <div v-if="!formData.screenImg" class="el-upload__text" style="text-align:left;font-size: 14px;">上传效果图<em style="display:block;font-size: 12px;">1920x720px PNG/JPG</em></div>
              </div>
              <img v-if="formData.screenImg" class="thumb" :src="imgPath + formData.screenImg" />
              <div v-show='formData.screenImg' class="over"></div>
              <div class="btns aui-flex-col aui-flex-center aui-flex-middle">
                <button v-show='formData.screenImg' @click.stop="formData.screenImg = ''" class="aui-flex-col aui-flex-center aui-flex-middle" data-path><i class="icon SkinEditor iconhuifuchuchang"></i></button>
                <button v-show='formData.screenImg' class="aui-flex-col aui-flex-center aui-flex-middle"><i class="icon SkinEditor iconshangchuan"></i></button>
              </div>
            </el-upload>
            </div>-->
            <!-- <div style="margin: 20px 0 10px 10px;color: #95a5a6; font-size: 15px; text-align:left;">仪表盘搭配</div>
            <div v-if="!managable" class="dashboard aui-flex-col aui-flex-center aui-flex-middle" @click="dialogFormVisible = true">
              <span v-if="!formData.relations">请选择搭配仪表盘</span>
              <img v-if="formData.relations" class="thumb" :src="getImgUrl__(formData.relations + '.png')" />
            </div>
            <div v-if="managable" class="dashboard aui-flex-col aui-flex-center aui-flex-middle">
              <span v-if="!formData.relations">请选择搭配仪表盘</span>
              <img v-if="formData.relations" class="thumb" :src="getImgUrl__(formData.relations + '.png')" />
            </div> -->
            <div style="height: 20px;"></div>
          </div>
          <!-- </el-form> -->
          </ul>
          </div>
        </el-tab-pane>

      </el-tabs>
            <el-dialog
              title="仪表盘搭配"
              width="740px"
              :visible.sync="dialogFormVisible">
                <el-radio-group v-model="panelIndex" @change="changeHandler">
                  <el-row :gutter="20">
                    <el-col :span="8"><div class="grid-content" style="padding-top: 37%" @click="panelIndex = 'A'" v-bind:class="{active: panelIndex == 'A'}"><img :src="getImgUrl__('A.png')" /></div><el-radio label="A"></el-radio></el-col>
                    <el-col :span="8"><div class="grid-content" style="padding-top: 37%" @click="panelIndex = 'B'" v-bind:class="{active: panelIndex == 'B'}"><img :src="getImgUrl__('B.png')" /></div><el-radio label="B"></el-radio></el-col>
                    <el-col :span="8"><div class="grid-content" style="padding-top: 37%" @click="panelIndex ='C'" v-bind:class="{active: panelIndex == 'C'}"><img :src="getImgUrl__('C.png')" /></div><el-radio label="C"></el-radio></el-col>
                  </el-row>
                </el-radio-group>
                <div slot="footer" class="dialog-footer">
                  <el-button type="text" @click="dialogFormVisible = false">取消</el-button>
                  <el-button type="primary" @click="dealSelect">选择</el-button>
                </div>
            </el-dialog>
            <el-dialog
              title="提示"
              :visible.sync="dialogConfirmVisible"
              width="440px"
               custom-class="confirm">
              <span style="font-size: 18px;">确定通过审核吗？</span>
              <span slot="footer" class="dialog-footer">
                <el-button @click="dialogConfirmVisible = false">取 消</el-button>
                <el-button type="primary" @click="dealPass">确 定</el-button>
              </span>
            </el-dialog>
             <el-dialog
              title="发布主题"
              width="740px"
              :visible.sync="dialogPublishVisible"
              custom-class="publish">
                  <el-row :gutter="20">
                    <el-col :span="10">
                      <div class="grid-content aui-flex-row" style="margin-right: 10px;">
                        <div style="position:relative;width:260px;height:260px;margin-bottom: 5px;background-color: #ccc;border-radius: 10px;">
                          <span v-if="!formData.thumb" style="position: absolute;top: 50%;font-size: 14px;left: 50%;color: #95a5a6;transform: translate(-50%, -50%)">未上传主题封面</span>
                          <img v-if="formData.thumb" class="thumb" :src="imgPath + formData.thumb" />
                        </div>
                        <div style="width:100%;padding: 0 5px;">
                          <span v-if="formData.size" style="float: right;margin-top: 5px;font-size: 14px;font-weight:bold;color: #a4a4a4;">{{parseFloat(formData.size/1024/1024).toFixed(2)}}<i style="font-style:normal;font-size: 14px;font-weight:normal;color: #ccc">MB</i></span>
                          <div style="text-align: left;">
                            <strong style="font-size: 16px;color: #000;display:block;">{{formData.title ? formData.title : "新建主题1"}}</strong>
                            <span style="font-size: 14px;color:#ccc;">{{formData.upTime ? formData.upTime.substring(0, 10) : (formData.ctTime ? formData.ctTime.substring(0, 10) : "")}}</span>
                          </div>
                        </div>
                        <p style="padding: 0 5px;display:block;margin-top: 10px;line-height: 20px;text-align:left;font-size: 14px;">{{formData.description ? formData.description : "未输入主题简介"}}</p>
                      </div>
                    </el-col>
                    <el-col :span="14">
                      <div class="grid-content" style="margin-left: -20px;">
                          <h2 style="text-align: left;font-size: 15px;color:#2c3e50;padding-left: 10px;">效果图展示</h2>
                          <el-col :span="12">
                            <div style="background-color: #bdc3c7;">
                              <span style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)" v-if="!formData.audioImg">未上传效果图</span>
                              <img v-if="formData.audioImg" :src="imgPath + formData.audioImg" />
                            </div>
                          </el-col>
                          <el-col :span="12">
                           <div style="background-color: #bdc3c7;">
                              <span style="position: absolute;top: 50%;left: 50%;color: #2c3e50; font-size: 14px;transform: translate(-50%, -50%)" v-if="!formData.serviceImg">未上传效果图</span>
                              <img v-if="formData.serviceImg" :src="imgPath + formData.serviceImg" />
                            </div>
                          </el-col>
                          <el-col :span="12">
                           <div style="background-color: #bdc3c7;">
                              <span style="position: absolute;top: 50%;left: 50%;color: #2c3e50; font-size: 14px;transform: translate(-50%, -50%)" v-if="!formData.applicationImg">未上传效果图</span>
                              <img v-if="formData.applicationImg" :src="imgPath + formData.applicationImg" />
                          </div>
                          </el-col>
                         <!-- <el-col :span="12">
                           <div style="background-color: #bdc3c7;">
                              <span style="position: absolute;top: 50%;left: 50%;color: #2c3e50; font-size: 14px;transform: translate(-50%, -50%)" v-if="!formData.screenImg">未上传效果图</span>
                              <img v-if="formData.screenImg" :src="imgPath + formData.screenImg" />
                          </div>
                          </el-col>-->
                      </div>
                      <!--<div class="grid-content" style="margin-left: -20px;">
                          <h2 style="text-align: left;font-size: 15px;color:#2c3e50;padding-left: 10px;">仪表盘搭配</h2>
                          <el-col :span="12">
                            <div style="background-color: #bdc3c7;">
                              <span style="position: absolute;top: 50%;color: #2c3e50; font-size: 14px;left: 50%;transform: translate(-50%, -50%);white-space: nowrap;" v-if="!formData.relations">未选择适配仪表盘</span>
                              <img v-if="formData.relations" :src="getImgUrl__(formData.relations + '.png')" />
                            </div>
                          </el-col>
                      </div>-->
                    </el-col>
                  </el-row>
                <div slot="footer" class="dialog-footer">
                  <el-button type="text" @click="dialogPublishVisible = false">返回编辑</el-button>
                  <el-button type="primary" @click="themeUpdate">发布</el-button>
                </div>
            </el-dialog>
            <el-dialog title="打回理由"
            width="440px"
            :visible.sync="dialogRefuseVisible">
              <!-- <el-form :rules="rules" ref="ruleForm"> -->
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <el-input
                        type="textarea"
                        placeholder="请输入打回理由"
                        maxlength="300"
                        v-model='reason'
                        resize="none"
                        show-word-limit
                      >
                      </el-input>
                    </el-col>
                  </el-row>
                <div slot="footer" class="dialog-footer">
                  <el-button type="text" @click="dialogRefuseVisible = false">取消</el-button>
                  <el-button type="danger" @click="dealRefuse">打回</el-button>
                </div>
              <!-- </el-form> -->
            </el-dialog>
             <el-dialog title="导出主题"
             width="440px"
             :visible.sync="dialogExportVisible">
              <!-- <el-form :rules="rules" ref="ruleForm"> -->
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <div class="export-box" style="padding:20px 0">
                       <el-button type="default" @click="dealExport('apk')" style="margin-left: 0;">导出APK</el-button>
                       <el-button type="default" @click="dealExport('zip')" style="margin-left: 0;">导出ZIP</el-button>
                      </div>
                    </el-col>
                  </el-row>
              <!-- </el-form> -->
            </el-dialog>
      </div>
    </div>
    <!-- v-bind:class='{ active: clientWidth < 1440}'  -->
    </transition>
    <!-- <transition name="fade" mode="out-in">
      <button id="btn" class="togglebtn" @click.stop="toggle($event)"></button>
    </transition> -->
    <div role="alert" v-if="loadingFlagVisible" class="el-message el-message--info" style="top: 20px; z-index: 3000;"><i class="el-message__icon el-icon-info"></i><p class="el-message__content">正在打包中,请等候</p></div>
    <div role="alert" v-if="loadingFlag2Visible" class="el-message el-message--info" style="top: 20px; z-index: 3000;"><i class="el-message__icon el-icon-info"></i><p class="el-message__content">正在请求，请稍候！</p></div>
    <div role="alert" v-if="uploadingFlagVisible" class="el-message el-message--info" style="top: 20px; z-index: 3000;"><i class="el-message__icon el-icon-info"></i><p class="el-message__content">正在上传...</p></div>
    <div role="alert" v-if="passingFlagVisible" class="el-message el-message--info" style="top: 20px; z-index: 3000;"><i class="el-message__icon el-icon-info"></i><p class="el-message__content">正在通过，上传云平台中...</p></div>
  </aside>
</template>


<script>
  import eventBus from '../assets/js/event-bus.js'
  import BScroll from 'better-scroll'
  import axios from 'axios'
  import $ from 'jquery'
  import {setTimeout} from 'timers'
  /* eslint-disable no-new */
  /* eslint-disable */
  export default {
    data() {
      return {
        imgPath: "",//"http://121.199.40.245:8080/", "http://yiqi.ui.cn/"
        serverPath: "http://127.0.0.1:9022/",//"http://121.199.40.245:8080/themeeditor/, "http://yiqi.ui.cn/themeeditor/"
        uploadUrl: "http://127.0.0.1:9022/sys/theme/upload",
        sucPublishUrl: 'http://127.0.0.1:9055/theme/list',
        currentUrl: 'http://127.0.0.1:9055/',
        iconUrlPrefix: null,
        activeIndex: '1',
        editable: true,
        managable: false,
        clientWidth: '',
        clickIndex: -1,
        activeName: 'first',
        activeItemIndex: -1,
        passingFlagVisible: false,
        scrollH: 0,
      listData: null,
      pageName: 'voice',
      uploadFlag: false,
      dialogFormVisible: false,
      dialogRefuseVisible: false,
      dialogPublishVisible: false,
      dialogConfirmVisible: false,
      exportType: '导出ZIP',
      dialogExportVisible: false,
      loadingFlagVisible: false,
      loadingFlag2Visible: false,
      uploadingFlagVisible: false,
      uploadBtnVisible: false,
      panelIndex: '',
      themeId: '',
      reason: '',
      mInfo: null,
      auditStatus: null,
      uploadData: {
        iconurl: ""
      },
      fileList: [],
      formData_: {},
      uploadNum: 0,
      batchUploadFlag: true,
      formData: {
        title: '',
        auditStatus: '',
        status: 1,
        nickname: '',
        headimg: '',
        iconUrl: '',
        userId: '',
        thumb: '',
        panel: '',
        description: '',
        ctTime: '',
        // colorNormal: '#121212',
        // colorOnSurface: '#FFFFFF',
        colorNormal: '#FFFFFF',
        colorSurface: '#121212',
        colorSelected: '#BB86FC',
        colorDisabled: '#000000',
        // colorNormal: '#FFFFFF',
        // colorSelected: '#00C4B4',
        // colorDisabled: '#DFC3CA',
        colorPrimaryVariant: '#3700B3',
        colorSecondary: '#03DAC5',
        colorBackground: '#121212',
        colorError: '#CF6679',
        colorOnSecondary: '#000000',
        colorOnBackground: '#FFFFFF',
        colorOnError: '#000000',
        colorSecondaryVariant: '#03DAC5',
        relations: "",//仪表盘
        audioImg: "",
        serviceImg: "",
        applicationImg: "",
        screenImg: "",
        isDraft: 0,
        fileNameList: [],
        isFree: '1',
        price: 0.00,
        dynamicTags: [],
        categoryId: '',
        sysVersion: '',
        updateFileList: [],
        localFileList: [],
         yj1: 30,
         yj2: 0,
         yj3: 0,
         yj4: 4,
         yj5: 16,
         yj6: 5,
         yj7: 5,
         yj8: 4,
       fontfamily:"sans-serif-thin",
        hl1FontFamily: '',
        hl2FontFamily: '',
        hl3FontFamily: '',
        hl4FontFamily: '',
        hl5FontFamily: '',
        hl6FontFamily: '',
        s1FontFamily: '',
        s2FontFamily: '',
        b1FontFamily: '',
        b2FontFamily: '',
        btFontFamily: '',
        capFontFamily: '',
        overFontFamily: '',
        smallCornerSize: 4,
        mediumCornerSize: 4,
        largeCornerSize: 0
      },
      categoryList: null,
      rules: {
       reason: [{
                                required: true,
                                message: '请输入打回理由',
                                trigger: 'blur'
                            }],
      },
      negativePics: [{
        name: 'btn_bluetooth_disable.png',
        status: 0
      }, {
        name: 'btn_bluetooth_disable_p.png',
        status: 0
      },{
        name: 'btn_bluetooth_n.png',
        status: 0
      }, {
        name: 'btn_bluetooth_p.png',
        status: 0
      }, {
        name: 'bluetooth_01.png',
        status: 0
      }, {
        name: 'bluetooth_02.png',
        status: 0
      }, {
        name: 'bluetooth_03.png',
        status: 0
      }, {
        name: 'bluetooth_04.png',
        status: 0
      }, {
        name: 'bluetooth_05.png',
        status: 0
      }, {
        name: 'bluetooth_06.png',
        status: 0
      }, {
        name: 'bluetooth_07.png',
        status: 0
      }, {
        name: 'bluetooth_08.png',
        status: 0
      }, {
        name: 'bluetooth_09.png',
        status: 0
      }, {
        name: 'bluetooth_10.png',
        status: 0
      }, {
        name: 'btn_bluetooth_phone_n.png',
        status: 0
      }, {
        name: 'btn_calendar_n.png',
        status: 0
      }, {
        name: 'btn_grade_n.png',
        status: 0
      }, {
        name: 'btn_hotspot_disable.png',
        status: 0
      }, {
        name: 'btn_hotspot_n.png',
        status: 0
      }, {
        name: 'btn_hotspot_p.png',
        status: 0
      }, {
        name: 'spot_00.png',
        status: 0
      }, {
        name: 'spot_01.png',
        status: 0
      }, {
        name: 'spot_02.png',
        status: 0
      }, {
        name: 'spot_03.png',
        status: 0
      }, {
        name: 'spot_04.png',
        status: 0
      }, {
        name: 'spot_05.png',
        status: 0
      }, {
        name: 'spot_06.png',
        status: 0
      }, {
        name: 'spot_07.png',
        status: 0
      }, {
        name: 'spot_08.png',
        status: 0
      }, {
        name: 'spot_09.png',
        status: 0
      }, {
        name: 'btn_listen_n.png',
        status: 0
      },{
        name: 'btn_smarthome_n.png',
        status: 0
      }, {
        name: 'btn_mark_n.png',
        status: 0
      }, {
        name: 'btn_motorcade_n.png',
        status: 0
      }, {
        name: 'btn_offon_disable.png',
        status: 0
      }, {
        name: 'btn_offon_n.png',
        status: 0
      }, {
        name: 'btn_offon_p.png',
        status: 0
      }, {
        name: 'btn_reset_disable.png',
        status: 0
      }, {
        name: 'btn_reset_n.png',
        status: 0
      }, {
        name: 'btn_reset_p.png',
        status: 0
      }, {
        name: 'data_00.png',
        status: 0
      }, {
        name: 'data_01.png',
        status: 0
      }, {
        name: 'data_02.png',
        status: 0
      }, {
        name: 'data_03.png',
        status: 0
      }, {
        name: 'data_04.png',
        status: 0
      }, {
        name: 'data_05.png',
        status: 0
      }, {
        name: 'data_06.png',
        status: 0
      }, {
        name: 'data_07.png',
        status: 0
      }, {
        name: 'data_08.png',
        status: 0
      }, {
        name: 'data_09.png',
        status: 0
      }, {
        name: 'btn_wifi_disable.png',
        status: 0
      }, {
        name: 'btn_wifi_n.png',
        status: 0
      }, {
        name: 'btn_wifi_p.png',
        status: 0
      }, {
        name: 'wifi_00000.png',
        status: 0
      }, {
        name: 'wifi_00001.png',
        status: 0
      }, {
        name: 'wifi_00002.png',
        status: 0
      }, {
        name: 'wifi_00003.png',
        status: 0
      }, {
        name: 'wifi_00004.png',
        status: 0
      }, {
        name: 'wifi_00005.png',
        status: 0
      }, {
        name: 'wifi_00006.png',
        status: 0
      }, {
        name: 'wifi_00007.png',
        status: 0
      }, {
        name: 'wifi_00008.png',
        status: 0
      }, {
        name: 'wifi_00009.png',
        status: 0
      }, {
        name: 'icon_light.png',
        status: 0
      }, {
        name: 'icon_voice.png',
        status: 0
      }, {
        name: 'slider_bg.png',
        status: 0
      }],
      appPics: [{
              name: 'iv_cover_bg.png',
             status: 0
            }, {
              name: 'scrollbar_background.9.png',
              status: 0
            }, {
              name: 'scrollbar_foreground.9.png',
             status: 0
            }, {
              name: 'scrollbar_shadow.9.png',
             status: 0
            }, {
              name: 'icon_xting.png',
             status: 0
            }, {
              name: 'icon_music.png',
             status: 0
            }, {
              name: 'icon_app.png',
             status: 0
            }, {
              name: 'icon_assistant.png',
        status: 0
      }, {
        name: 'icon_service.png',
        status: 0
      }, {
        name: 'icon_personal.png',
        status: 0
      }, {
        name: 'icon_practice.png',
        status: 0
      },
        {
          name: 'icon_club.png',
          status: 0
        }, {
          name: 'icon_carpark.png',
          status: 0
        }, {
          name: 'icon_setting.png',
          status: 0
        }, {
              name: 'icon_shop.png',
             status: 0
            }, {
              name: 'icon_cboxcar.png',
             status: 0
            }, {
              name: 'icon_instruction.png',
             status: 0
            }, {
              name: 'icon_xkan.png',
             status: 0
            }, {
              name: 'icon_carchat.png',
              status: 0
            }, {
              name: 'icon_settings.png',
            status: 0
            }, {
              name: 'icon_emanual.png',
            status: 0
            }],
      controllerPics: [{
        name: 'background_category.png',
        status: 0
      }, {
        name: 'background_category_pressed.png',
        status: 0
      }, {
        name: 'background_preference_selected.png',
        status: 0
      }, {
        name: 'bg_dialog_big.png',
        status: 0
      }, {
        name: 'bg_dialog_middle.png',
        status: 0
      }, {
        name: 'bg_dialog_small.png',
        status: 0
      }, {
        name: 'dialog_bg_middle.png',
        status: 0
      }, {
        name: 'divide_line.png',
        status: 0
      }, {
        name: 'divide_vertical.png',
        status: 0
      }, {
        name: 'dialog_bg_button.png',
        status: 0
      }, {
        name: 'dialog_bg_button_long.png',
        status: 0
      }, {
        name: 'horizontal_divider_line.png',
        status: 0
      }, {
        name: 'bg_button_big.png',
        status: 0
      }, {
        name: 'bg_button_big_long.png',
        status: 0
      }, {
        name: 'bg_item_select.png',
        status: 0
      }, {
        name: 'bg_main_item_select.9.png',
        status: 0
      }, {
        name: 'bg_menu_select.png',
        status: 0
      }, {
        name: 'bg_main_left_tab.png',
        status: 0
      }, {
        name: 'btn_off.png',
        status: 0
      }, {
        name: 'btn_on.png',
        status: 0
      }, {
        name: 'navi_back.png',
        status: 0
      }, {
        name: 'navi_bg_left.9.png',
        status: 0
      }, {
        name: 'navi_bg_right.9.png',
        status: 0
      }, {
        name: 'navi_home.png',
        status: 0
      },{
        name: 'speak/anim_search_voice_1.png',
        status:0
        },{
        name: 'speak/anim_search_voice_2.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_3.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_4.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_5.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_6.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_7.png',
        status:0
        },{
        name: 'speak/anim_search_voice_8.png',
        status:0
        },{
        name: 'speak/anim_search_voice_9.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_10.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_11.png',
        status:0
        },{
        name: 'speak/anim_search_voice_12.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_13.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_14.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_15.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_16.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_17.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_18.png',
        status:0
        },{
        name: 'speak/anim_search_voice_19.png',
        status: 0
        },{
        name: 'speak/anim_search_voice_20.png',
        status: 0
        },{
        name: 'play/wave_play_01.png',
        status: 0
        },{
        name: 'play/wave_play_02.png',
        status:0
        },{
        name: 'play/wave_play_03.png',
        status:0
        },{
        name: 'play/wave_play_04.png',
        status: 0
        },{
        name: 'play/wave_play_05.png',
        status:0
        },{
        name: 'play/wave_play_06.png',
        status: 0
        },{
        name: 'play/wave_play_07.png',
        status: 0
        },{
        name: 'play/wave_play_08.png',
        status: 0
        },{
        name: 'play/wave_play_09.png',
        status: 0
        },{
        name: 'play/wave_play_10.png',
        status: 0
        },{
        name: 'play/wave_play_11.png',
        status: 0
        },{
        name: 'play/wave_play_12.png',
        status: 0
        },{
        name: 'play/wave_play_13.png',
        status: 0
        },{
        name: 'play/wave_play_14.png',
        status: 0
        },{
        name: 'play/wave_play_15.png',
        status:0
        },{
        name: 'play/wave_play_16.png',
        status: 0
        },{
        name: 'play/wave_play_17.png',
        status: 0
        },{
        name: 'play/wave_play_18.png',
        status: 0
        },{
        name: 'play/wave_play_19.png',
        status: 0
        },{
        name: 'play/wave_play_20.png',
        status: 0
        }],
      servicePics: [{
        name: 'bg_car.png',
        status: 0
      }, {
        name: 'bg_food.png',
        status: 0
      }, {
        name: 'bg_movie.png',
        status: 0
      }, {
        name: 'bg_hotel.png',
        status: 0
      }, {
        name: 'bg_scenic.png',
        status: 0
      }],
      desktopPics: [{
        name: 'bg_common.png',
        status: 0
      }],
      voicePics: [
        {
        name: 'bg_card_s.png',
        status: 0
        },  {
        name: 'bg_service_car_warn.png',
        status: 0
        }, {
        name: 'bg_service_tv.png',
        status: 0
        }, {
        name: 'btn_collect_disabled.png',
        status: 0
        }, {
        name: 'btn_collect_n.png',
        status: 0
        }, {
        name: 'btn_collect_p.png',
        status: 0
        }, {
        name: 'btn_collect_s.png',
        status: 0
        }, {
        name: 'btn_list_disabled.png',
        status: 0
        }, {
        name: 'btn_list_n.png',
        status: 0
        }, {
        name: 'btn_list_p.png',
        status: 0
        }, {
        name: 'btn_next_disabled.png',
        status: 0
        }, {
        name: 'btn_next_n.png',
        status: 0
        }, {
        name: 'btn_next_p.png',
        status: 0
        }, {
        name: 'btn_pause_disabled.png',
        status: 0
        }, {
        name: 'btn_pause_n.png',
        status: 0
        }, {
        name: 'btn_pause_p.png',
        status: 0
        }, {
        name: 'btn_play_disabled.png',
        status: 0
        }, {
        name: 'btn_play_n.png',
        status: 0
        }, {
        name: 'btn_play_p.png',
        status: 0
        }, {
        name: 'btn_previous_disabled.png',
        status: 0
        }, {
        name: 'btn_previous_n.png',
        status: 0
        }, {
        name: 'btn_previous_p.png',
        status: 0
        }, {
        name: 'connect_n.png',
        status: 0
        }, {
        name: 'recommend_00.png',
        status: 0
        }, {
          name: 'recommend_01.png',
          status: '0',
        }, {
          name: 'recommend_02.png',
          status: '0',
        }, {
        name: 'recommend_03.png',
        status: 0
        }, {
        name: 'recommend_04.png',
        status: 0
        }, {
        name: 'recommend_05.png',
        status: 0
        }, {
        name: 'recommend_06.png',
        status: 0
        }, {
        name: 'recommend_07.png',
        status: 0
        }, {
        name: 'recommend_08.png',
        status: 0
        }, {
        name: 'recommend_09.png',
        status: 0
        }, {
        name: 'recommend_10.png',
        status: 0
        }, {
        name: 'recommend_11.png',
        status: 0
        }, {
        name: 'recommend_12.png',
        status: 0
        }, {
        name: 'recommend_13.png',
        status: 0
        }, {
        name: 'recommend_14.png',
        status: 0
        }, {
        name: 'recommend_15.png',
        status: 0
        }, {
        name: 'music_00.png',
        status: 0
        }, {
        name: 'music_01.png',
        status: 0
        }, {
        name: 'music_02.png',
        status: 0
        }, {
        name: 'music_03.png',
        status: 0
        }, {
        name: 'music_04.png',
        status: 0
        }, {
        name: 'music_05.png',
        status: 0
        }, {
        name: 'music_06.png',
        status: 0
        }, {
        name: 'music_07.png',
        status: 0
        }, {
        name: 'music_08.png',
        status: 0
        }, {
        name: 'music_09.png',
        status: 0
        }, {
        name: 'music_10.png',
        status: 0
        }, {
        name: 'music_11.png',
        status: 0
        }, {
        name: 'music_12.png',
        status: 0
        }, {
        name: 'music_13.png',
        status: 0
        }, {
        name: 'music_14.png',
        status: 0
        }, {
        name: 'music_15.png',
        status: 0
        }, {
        name: 'service_00.png',
        status: 0
        }, {
        name: 'service_01.png',
        status: 0
        }, {
        name: 'service_02.png',
        status: 0
        }, {
        name: 'service_03.png',
        status: 0
        }, {
        name: 'service_04.png',
        status: 0
        }, {
        name: 'service_05.png',
        status: 0
        }, {
        name: 'service_06.png',
        status: 0
        }, {
        name: 'service_07.png',
        status: 0
        }, {
        name: 'service_08.png',
        status: 0
        }, {
        name: 'service_09.png',
        status: 0
        }, {
        name: 'service_10.png',
        status: 0
        }, {
        name: 'service_11.png',
        status: 0
        }, {
        name: 'service_12.png',
        status: 0
        }, {
        name: 'service_13.png',
        status: 0
        }, {
        name: 'service_14.png',
        status: 0
        }, {
        name: 'service_15.png',
        status: 0
        }, {
        name: 'app_00.png',
        status: 0
        }, {
        name: 'app_01.png',
        status: 0
        }, {
        name: 'app_02.png',
        status: 0
        }, {
        name: 'app_03.png',
        status: 0
        }, {
        name: 'app_04.png',
        status: 0
        }, {
        name: 'app_05.png',
        status: 0
        }, {
        name: 'app_06.png',
        status: 0
        }, {
        name: 'app_07.png',
        status: 0
        }, {
        name: 'app_08.png',
        status: 0
        }, {
        name: 'app_09.png',
        status: 0
        }, {
        name: 'app_10.png',
        status: 0
        }, {
        name: 'app_11.png',
        status: 0
        }, {
        name: 'app_12.png',
        status: 0
        }, {
        name: 'app_13.png',
        status: 0
        }, {
        name: 'app_14.png',
        status: 0
        }, {
        name: 'app_15.png',
        status: 0
        }, {
        name: 'music_card_collect.png',
        status: 0
        }, {
        name: 'music_card_music.png',
        status: 0
        }, {
        name: 'music_card_radio.png',
        status: 0
        }, {
        name: 'player_pic_none.png',
        status: 0
        }, {
        name: 'title_select.png',
        status: 0
        }, {
        name: 'unconnect_n.png',
        status: 0
        }, {
        name: 'icon_car_red.png',
        status: 0
        }, {
        name: 'progress/seek_bar_block.png',
        status: 0
        }, {
        name: 'progress/seek_bar_left_fill.png',
        status: 0
        }, {
        name: 'progress/seek_bar_right_unfill.png',
        status: 0
        }, {
        name: 'progress/seek_bar_middle_fill.9.png',
        status: 0
        }, {
        name: 'progress/seek_bar_middle_unfill.9.png',
        status: 0
        }, {
        name: 'progress/seek_bar_shadow.9.png',
        status: 0
        }],
      flag: true,
    negativePics_: [{
        name: 'btn_bluetooth_disable',
        cName: '蓝牙',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_bluetooth_disable_p',
        cName: '蓝牙',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_bluetooth_n',
        cName: '蓝牙',
        status: '当前',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_bluetooth_p',
        cName: '蓝牙',
        status: '点击',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_01',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_02',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_03',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_04',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_05',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_06',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_07',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_08',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_09',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'bluetooth_10',
        cName: '蓝牙(动画)',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_bluetooth_phone_n',
        cName: '插件icon-蓝牙电话',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_smarthome_n',
        cName: '插件icon-智能家居',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_motorcade_n',
        cName: '插件icon-车队',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_calendar_n',
        cName: '插件icon-日程管理',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_listen_n',
        cName: '插件icon-听歌识曲',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_mark_n',
        cName: '插件icon-途记',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_grade_n',
        cName: '插件icon-驾驶评分',
        status: '默认',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_hotspot_disable',
        cName: '热点',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_hotspot_n',
        cName: '热点',
        status: '当前',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_hotspot_p',
        cName: '热点',
        status: '点击',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_00',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_01',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_02',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_03',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_04',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_05',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_06',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_07',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_08',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'spot_09',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_offon_disable',
        cName: 'off/on',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_offon_n',
        cName: 'off/on',
        status: '当前',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_offon_p',
        cName: 'off/on',
        status: '点击',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_reset_disable',
        cName: '网络重置',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_reset_n',
        cName: '网络重置',
        status: '当前',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_reset_p',
        cName: '网络重置',
        status: '点击',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_00',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_01',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_02',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_03',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_04',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_05',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_06',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_07',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_08',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'data_09',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_wifi_disable',
        cName: 'wifi',
        status: '失效',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_wifi_n',
        cName: '网络重置',
        status: '当前',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'btn_wifi_p',
        cName: '网络重置',
        status: '点击',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00000',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00001',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00002',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00003',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00004',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00005',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00006',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00007',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00008',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'wifi_00009',
        cName: '动画',
        status: '',
        path: 'negative',
        width: 120,
        height: 120,
        flag: 0
      }, {
        name: 'icon_light',
        cName: '亮度',
        status: '默认',
        path: 'negative',
        width: 60,
        height: 60,
        flag: 0
      }, {
        name: 'icon_voice',
        cName: '音量',
        status: '默认',
        path: 'negative',
        width: 60,
        height: 60,
        flag: 0
      }, {
        name: 'slider_bg',
        cName: '滑块',
        status: '默认',
        path: 'negative',
        width: 128,
        height: 274,
        flag: 0
      }],
      appPics_: [{
        name: 'player_pic_none',
        cName: '暂未提供',
        status: '默认',
        path: 'app',
        width: 110,
        height: 110
      },{
        name: 'iv_cover_bg',
        cName: '用户头像',
        status: '默认',
        path: 'app',
        width: 84,
        height: 84
      }, {
        name: 'scrollbar_background.9',
        cName: '滑条背景',
        status: '默认',
        path: 'app',
        width: 491,
        height: 14
      }, {
        name: 'scrollbar_foreground.9',
        cName: '滑条进度背景',
        status: '默认',
        path: 'app',
        width: 83,
        height: 8
      }, {
        name: 'scrollbar_shadow.9',
        cName: '滑条进度阴影',
        status: '默认',
        path: 'app',
        width: 93,
        height: 20
      }, {
        name: 'icon_xting',
        cName: '电台',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_music',
        cName: '音乐',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_app',
        cName: '应用',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_assistant',
        cName: '语音助手',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_service',
        cName: '车服务',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_personal',
        cName: '个人中心',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_practice',
        cName: '语音训练',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      },
        {
          name: 'icon_club',
          cName: '车友圈',
          status: '默认',
          path: 'app',
          width: 186,
          height: 186
        }, {
          name: 'icon_carpark',
          cName: '车乐汇',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_setting',
        cName: '设置',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_shop',
        cName: '奔腾商城',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_cboxcar',
        cName: '央视影音',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_instruction',
        cName: '使用手册',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_xkan',
        cName: '媒体',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_carchat',
        cName: '车信',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_settings',
        cName: '全景影像',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }, {
        name: 'icon_emanual',
        cName: '电子手册',
        status: '默认',
        path: 'app',
        width: 186,
        height: 186
      }],
      controllerPics_: [{
        name: 'speak/anim_search_voice_1',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_2',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_3',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_4',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_5',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_6',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_7',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_8',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_9',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_10',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_11',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_12',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_13',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_14',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_15',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_16',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_17',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_18',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_19',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'speak/anim_search_voice_20',
        cName: 'speak',
        status: '默认',
        path: 'controller',
        width: 184,
        height: 52
        },{
        name: 'play/wave_play_01',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_02',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_03',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_04',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_05',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_06',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_07',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_08',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_09',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_10',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_11',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_12',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_13',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_14',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_15',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_16',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_17',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_18',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_19',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'play/wave_play_20',
        cName: 'play',
        status: '默认',
        path: 'controller',
        width: 194,
        height:  160,
        flag: 0
        },{
        name: 'background_category',
        cName: '分类底框',
        status: '正常',
        path: 'controller',
        width: 237,
        height: 97
      }, {
        name: 'background_category_pressed',
        cName: '分类底框',
        status: '点击',
        path: 'controller',
        width: 237,
        height: 97
      }, {
        name: 'background_preference_selected',
        cName: '分类底框',
        status: '已选',
        path: 'controller',
        width: 237,
        height: 97
      }, {
        name: 'dialog_bg_middle',
        cName: '弹框小-底框',
        status: '默认',
        path: 'controller',
        width: 560,
        height: 263,
        flag: 0
      }, {
        name: 'divide_line',
        cName: '弹框小-横分割线',
        status: '默认',
        path: 'controller',
        width: 560,
        height: 2,
        flag: 0
      }, {
        name: 'divide_vertical',
        cName: '弹框通用-竖分割线',
        status: '默认',
        path: 'controller',
        width: 2,
        height: 71,
        flag: 0
      }, {
        name: 'dialog_bg_button',
        cName: '弹框小-小按钮点击',
        status: '默认',
        path: 'controller',
        width: 279,
        height: 74,
        flag: 0
      }, {
        name: 'dialog_bg_button_long',
        cName: '弹框小-大按钮点击',
        status: '默认',
        path: 'controller',
        width: 560,
        height: 74,
        flag: 0
      }, {
        name: 'bg_dialog_middle',
        cName: '弹框中-底框',
        status: '默认',
        path: 'controller',
        width: 654,
        height: 371,
        flag: 0
      }, {
        name: 'bg_dialog_big',
        cName: '弹窗框-大',
        status: '默认',
        path: 'controller',
        width: 654,
        height: 419,
        flag: 0
      }, {
        name: 'horizontal_divider_line',
        cName: '弹框大-横分割线',
        status: '默认',
        path: 'controller',
        width: 654,
        height: 2,
        flag: 0
      }, {
        name: 'bg_button_big',
        cName: '弹框大-小按钮点击',
        status: '默认',
        path: 'controller',
        width: 326,
        height: 74,
        flag: 0
      }, {
        name: 'bg_button_big_long',
        cName: '弹框大-大按钮点击',
        status: '默认',
        path: 'controller',
        width: 654,
        height: 74,
        flag: 0
      }, {
        name: 'bg_dialog_small',
        cName: 'toast',
        status: '默认',
        path: 'controller',
        width: 557,
        height: 183,
        flag: 0
      }, {
        name: 'bg_item_select',
        cName: '二级导航栏选中',
        status: '默认',
        path: 'controller',
        width: 244,
        height: 241
      }, {
        name: 'bg_main_item_select.9',
        cName: '二级导航栏选中',
        status: '默认',
        path: 'controller',
        width: 142,
        height: 92
      }, {
        name: 'bg_menu_select',
        cName: '二级导航栏选中',
        status: '默认',
        path: 'controller',
        width: 245,
        height: 42
      }, {
        name: 'bg_main_left_tab',
        cName: '二级导航栏',
        status: '默认',
        path: 'controller',
        width: 243,
        height: 704
      }, {
        name: 'btn_off',
        cName: '开关-关',
        status: '默认',
        path: 'controller',
        width: 137,
        height: 56
      }, {
        name: 'btn_on',
        cName: '开关-开',
        status: '默认',
        path: 'controller',
        width: 137,
        height: 56
      }, {
        name: 'navi_back',
        cName: '返回',
        status: '默认',
        path: 'controller',
        width: 50,
        height: 50
      }, {
        name: 'navi_bg_left.9',
        cName: '全家导航栏',
        status: '默认',
        path: 'controller',
        width: 167,
        height: 496
      }, {
        name: 'navi_bg_right.9',
        cName: '全家导航栏',
        status: '默认',
        path: 'controller',
        width: 12,
        height: 496
      }, {
        name: 'navi_home',
        cName: '主页',
        status: '默认',
        path: 'controller',
        width: 50,
        height: 50
      }],
      servicePics_: [{
        name: 'bg_car',
        cName: '分类图标-车辆',
        status: '默认',
        path: 'service',
        width: 250,
        height: 378
      }, {
        name: 'bg_food',
        cName: '分类图标-美食',
        status: '默认',
        path: 'service',
        width: 250,
        height: 378
      }, {
        name: 'bg_movie',
        cName: '分类图标-电影',
        status: '默认',
        path: 'service',
        width: 250,
        height: 378
      }, {
        name: 'bg_hotel',
        cName: '分类图标-酒店',
        status: '默认',
        path: 'service',
        width: 250,
        height: 378
      }, {
        name: 'bg_scenic',
        cName: '分类图标-景点',
        status: '默认',
        path: 'service',
        width: 250,
        height: 378
      }],
      voicePics_: [{
        name: 'bg_common',
        cName: '通用背景',
        status: '默认',
        path: 'voice',
        width: 1920,
        height: 720
        }, {
        name: 'btn_collect_n',
        cName: '收藏',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_collect_p',
        cName: '收藏',
        status: '点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_collect_s',
        cName: '收藏',
        status: '已收藏',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_collect_disabled',
        cName: '收藏',
        status: '不可收藏',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'bg_card_s',
        cName: '正在播放',
        status: '默认',
        path: 'voice',
        width: 360,
        height: 394
        }, {
        name: 'btn_list_disabled',
        cName: '播放列表',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_list_n',
        cName: '播放列表',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_list_p',
        cName: '播放列表',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_next_disabled',
        cName: '下一曲',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_next_n',
        cName: '下一曲',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_next_p',
        cName: '下一曲',
        status: '点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_pause_disabled',
        cName: '暂停',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_pause_n',
        cName: '下一曲',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_pause_p',
        cName: '下一曲',
        status: '点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_play_disabled',
        cName: '播放',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_play_n',
        cName: '播放',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_play_p',
        cName: '播放',
        status: '点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_previous_disabled',
        cName: '上一曲',
        status: '不可点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_previous_n',
        cName: '上一曲',
        status: '正常',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'btn_previous_p',
        cName: '上一曲',
        status: '点击',
        path: 'voice',
        width: 108,
        height: 108
        }, {
        name: 'player_pic_none',
        cName: '专辑封面',
        status: '默认',
        path: 'voice',
        width: 94,
        height: 94
        }, {
        name: 'bg_service_car_warn',
        cName: '分类配图状态底图',
        status: '默认',
        path: 'voice',
        width: 151,
        height: 60
        }, {
        name: 'connect_n',
        cName: '状态指示',
        status: '已连接',
        path: 'voice',
        width: 12,
        height: 12
        }, {
        name: 'unconnect_n',
        cName: '状态指示',
        status: '未连接',
        path: 'voice',
        width: 12,
        height: 12
        },{
        name: 'icon_car_red',
        cName: '状态提示',
        status: '默认',
        path: 'voice',
        width: 12,
        height: 12
        }, {
        name: 'recommend_00',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_01',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_02',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_03',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_04',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_05',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_06',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_07',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_08',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_09',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_10',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_11',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_12',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_13',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_14',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'recommend_15',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_00',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_01',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_02',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_03',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_04',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_05',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_06',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_07',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_08',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_09',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_10',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_11',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_12',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_13',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_14',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'music_15',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_00',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_01',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_02',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_03',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_04',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_05',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_06',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_07',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_08',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_09',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_10',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_11',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_12',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_13',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_14',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'service_15',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_00',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_01',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_02',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_03',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_04',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_05',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_06',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_07',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_08',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_09',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_10',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_11',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_12',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_13',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_14',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'app_15',
        cName: '导航icon',
        status: '',
        path: 'voice',
        width: 224,
        height: 112,
        flag: 0
        }, {
        name: 'icon_service_n',
        cName: '服务icon',
        status: '非选中',
        path: 'voice',
        width: 60,
        height: 60
        }, {
        name: 'icon_service_s',
        cName: '服务icon',
        status: '选中',
        path: 'voice',
        width: 72,
        height: 72
        }, {
        name: 'music_card_collect',
        cName: '分类图标',
        status: '默认',
        path: 'voice',
        width: 250,
        height: 282
        }, {
        name: 'music_card_music',
        cName: '分类图标',
        status: '默认',
        path: 'voice',
        width: 250,
        height: 282
        }, {
        name: 'music_card_radio',
        cName: '分类图标',
        status: '默认',
        path: 'voice',
        width: 250,
        height: 282
        }, {
        name: 'title_select',
        cName: '分类标题底图',
        status: '默认',
        path: 'voice',
        width: 240,
        height: 70
        }, {
        name: 'bg_service_tv',
        cName: '分类配图名称底图',
        status: '默认',
        path: 'voice',
        width: 250,
        height: 68
        }, {
        name: 'progress/seek_bar_block',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 8,
        height: 23
        }, {
        name: 'progress/seek_bar_left_fill',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 12,
        height: 23
        }, {
        name: 'progress/seek_bar_right_unfill',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 12,
        height: 23
        }, {
        name: 'progress/seek_bar_middle_fill.9',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 3,
        height: 25
        }, {
        name: 'progress/seek_bar_middle_unfill.9',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 3,
        height: 25
        }, {
        name: 'progress/seek_bar_shadow.9',
        cName: '播放进度条',
        status: '默认',
        path: 'voice',
        width: 33,
        height: 25
        }],
        showTags: true,
        inputVisible: false,
        inputValue: '',
         options: [{
          value: 'sans-serif-thin',
          label: 'sans-serif-thin'
        }, {
          value: 'sans-serif-light',
          label: 'sans-serif-light'
        }, {
          value: 'sans-serif',
          label: 'sans-serif'
        },{
          value: 'sans-serif-medium',
          label: 'sans-serif-medium'
        },{
          value: 'sans-serif-black',
          label: 'sans-serif-black'
        },{
          value: 'sans-serif-condensed-light',
          label: 'sans-serif-condensed-light'
        },{
          value: 'sans-serif-condensed',
          label: 'sans-serif-condensed'
        },{
          value: 'sans-serif-condensed-medium',
          label: 'sans-serif-condensed-medium'
        },{
          value: 'serif',
          label: 'serif'
        },{
          value: 'monospace',
          label: 'monospace'
        },{
          value: 'serif-monospace',
          label: 'serif-monospace'
        },{
          value: 'casual',
          label: 'casual'
        },{
          value: 'cursive',
          label: 'cursive'
        },{
          value: 'sans-serif-smallcaps',
          label: 'sans-serif-smallcaps'
        }
        ],
        value: ''
    }
  },
  methods: {
    getUserInfo() {
      let userInfo = localStorage.getItem("user");
      return userInfo ? JSON.parse(userInfo) : null
    },
    auth(url) {
      let token = this.getToken();
      if (!! token && this.validateToken()) {} else {
        window.location = url
      }
    },
    validateToken() {
      let catchUser = localStorage.user
      if (!catchUser || catchUser === undefined) {
        return false;
      }
      let user =  JSON.parse(catchUser);
      let expireTime = user.expireTime
      const now = new Date().getTime();
      if (!expireTime || expireTime < now) {
        return false;
      }
      return true;
    },
    // 获取token
    getToken() {
      if (this.validateToken()) {
        return JSON.parse( localStorage.user).token
      }
    },

     currentSel(val, paramName) {
       // eventBus.$emit('setff', val)
       eventBus.$emit('setff', val, paramName)
     },
    handleShapeChange(val, paramName) {
      eventBus.$emit('setShape', val, paramName)
    },
    handleyj1Change(val) {
      eventBus.$emit('setyj1', val)
    },
    handleyj2Change(val) {
      eventBus.$emit('setyj2', val)
    },
    handleyj3Change(val) {
      eventBus.$emit('setyj3', val)
    },
    handleyj4Change(val) {
      eventBus.$emit('setyj4', val)
    },
    handleyj5Change(val) {
      eventBus.$emit('setyj5', val)
    },
    handleyj6Change(val) {
      eventBus.$emit('setyj6', val)
    },
    handleyj7Change(val) {
      eventBus.$emit('setyj7', val)
    },
    handleyj8Change(val) {
      eventBus.$emit('setyj8', val)
    },
    handleNormalChange(val) {
      eventBus.$emit('setColorNormal', val)
    },
    handleColorSelectedChange(val) {
      eventBus.$emit('setColorSelected', val)
    },
    handleColorDisabledChange(val) {
      eventBus.$emit('setColorDisabled', val)
    },
    handleColorPrimaryVariantChange(val) {
      eventBus.$emit('setColorPrimaryVariant', val)
    },
    handleColorSecondaryChange(val) {
      eventBus.$emit('setColorSecondary', val)
    },
    handleColorBackgroundChange(val) {
      eventBus.$emit('setColorBackground', val)
    },
    handleColorErrorChange(val) {
      eventBus.$emit('setColorError', val)
    },
    handleColorOnSecondaryChange(val) {
      eventBus.$emit('setColorOnSecondary', val)
    },
    handleColorOnBackgroundChange(val) {
      eventBus.$emit('setColorOnBackground', val)
    },
    handleColorOnSurfaceChange(val) {
      eventBus.$emit('setColorOnSurface', val)
    },
    handleColorSurfaceChange(val) {
      eventBus.$emit('setColorSurface', val)
    },
    handleColorOnErrorChange(val) {
      eventBus.$emit('setColorOnError', val)
    },
    handleColorSecondaryVariantChange(val) {
      eventBus.$emit('setColorSecondaryVariant', val)
    },
    initCategoryList () {
      var _this = this;
      _this.ajax("post", {},"th/category",function(res){
        if(res && res.code === '1') {
          _this.categoryList = res.datas
        } else {
          _this.$message.warning(res.msg ? res.msg : '主题类别加载失败，请刷新页面!');
        }
      });
    },
    changePrice(val) {
      this.formData.price = 0.00
    },
     handleClose(tag) {
        this.formData.dynamicTags.splice(this.formData.dynamicTags.indexOf(tag), 1);
        this.handleTagShow()
      },

      showInput() {
        this.inputVisible = true;
        this.$nextTick(_ => {
          this.$refs.saveTagInput.$refs.input.focus();
        });
      },

      handleTagShow() {
        if (this.formData.dynamicTags.length > 2) {
          this.showTags = false
        } else {
          this.showTags = true
        }
      },

      handleInputConfirm() {
        let inputValue = this.inputValue;
        if (this.formData.dynamicTags.indexOf(inputValue) > -1) return
        if (inputValue) {
          this.formData.dynamicTags.push(inputValue);
        }
        this.handleTagShow()
        this.inputVisible = false;
        this.inputValue = '';

      },

    dealPicTitle(name) {
      return name == 'background_category.png' ?  'background_...ry.png' : (name.length > 20 ? (name.replace(/_(.*)_/, '_···_').length > 20 ? (name.replace(/_(.*)_/, '_···_').replace(/·_(.*)\./, '·.').length > 20 ? name.replace('ground.9', '···') : name.replace(/_(.*)_/, '_···_').replace(/·_(.*)\./, '·.')) : name.replace(/_(.*)_/, '_···_')) : name)
    },
    changeHandler(value) {
      // console.log(value);
      this.panelIndex = value;
    },
    dealSelect() {
      var _this = this;
      this.formData.relations = this.panelIndex;
      this.dialogFormVisible = false;
    },
    defaultImg(icon) {
      // this.src= require('@/assets/theme/' + this.pageName + '/' + icon) + '"'
      // if(icon.indexOf("webp") != -1) {
      //   var reader = new FileReader()
      //   reader.readAsDataURL("/static/theme/" + this.pageName + "/" + icon)
      //   reader.onload = () => {
      //     return 'this.src="' + reader.result + '"'
      //   }
      //   reader.onerror = function (error) {
      //     console.log('Error: ', error)
      //   }
      // } else {
       return 'this.src="' + require('@/assets/theme/' + this.pageName + '/' + icon) + '"'
      // }
    },
    themeRefuse() {
      var _this = this;
      if(_this.mInfo) {
        if(_this.auditStatus == 1 || _this.auditStatus == 2) {
          _this.dialogRefuseVisible = true;
        }
      } else {
        _this.$message.warning('请重新登录后再操作!');
      }
    },
    themePass() {
      var _this = this;
      if(_this.auditStatus == 0 || _this.auditStatus == 2) {
        _this.dialogConfirmVisible = true
      }
    },
    dealPass() {
      var _this = this;
      let managerInfo = localStorage.getItem('u');
      if(_this.formData.auditStatus.indexOf("2") != -1) {
        _this.passingFlagVisible = true;
      }
      if(managerInfo) {
        let mInfo = JSON.parse(managerInfo);
        _this.ajax("post", {
          themeId: _this.formData.themeId,
          managerId: mInfo.managerId,
          role: mInfo.role,
          status: 1
        },"admin/theme/updateAuditStatus",function(res){
          // console.log(JSON.stringify(res));
          _this.passingFlagVisible = false;
           if(res) {
                if(res.code == 200) {
                  window.open(_this.serverPath + "index.html?status=1")
                } else {
                  _this.$message.warning(res.message ? res.message : '操作失败请重试!');
                }
          }else {
                  _this.$message.warning(res.message ? res.message : '操作失败请重试!');
           }
        });
      } else {
        _this.$message.warning('请重新登录后再操作!');
      }
    },
    dealRefuse() {
      var _this = this;
      if($.trim(_this.reason)) {
                                 let managerInfo = localStorage.getItem('u');
                                  if(managerInfo) {
                                    let mInfo = JSON.parse(managerInfo);
                                    _this.ajax("post", {
                                      themeId: _this.formData.themeId,
                                      managerId: mInfo.managerId,
                                      role: mInfo.role,
                                      reason: _this.reason,
                                      status: 0
                                    },"admin/theme/updateAuditStatus",function(res){
                                      // console.log(JSON.stringify(res));
                                     if(res) {
                                            if(res.code == 200) {
                                              window.open(_this.serverPath + "index.html?status=0")
                                            } else {
                                              _this.$message.warning(res.message ? res.message : '操作失败请重试!');
                                            }
                                      }else {
                                              _this.$message.warning(res.message ? res.message : '操作失败请重试!');
                                            }
                                    });
                                  } else {
                                    _this.$message.warning('请重新登录后再操作!');
                                  }
      } else {
        _this.$message.warning('打回理由不能为空!');
      }
    },
    themeExport() {
      var _this = this;
      var themeId = _this.themeId ? _this.themeId : _this.formData.themeId;
      if(themeId) {
        _this.dialogExportVisible = true;
      } else {
        _this.$message.warning('请先保存当前主题!');
      }
    },
    dealExport(type) {
        var _this = this;
        if(!_this.formData.iconUrl) {
          that.$message.warning('请先上传切图!');
          return;
        }
         _this.loadingFlagVisible = true;
        _this.ajax("post", {
          // iconUrl: _this.formData.iconUrl
          themeId: _this.themeId ? _this.themeId : _this.formData.themeId,
          type: type
        },"theme/download",function(res){
          // console.log(JSON.stringify(res));
          _this.loadingFlagVisible = false;
          _this.dialogExportVisible = false;
          // window.open(_this.imgPath + res.data);
          if(res.code == 200) {
           window.open(res.data.indexOf("http") != -1 ? res.data : _this.imgPath + res.data);
          } else {
            _this.$message.warning(res.message ? res.message : '操作失败请重试！');
          }
          // _this.$message.success('保存成功!');
        });
    },
    themePreview() {
      var _this = this;
      _this.editable = false;
      eventBus.$emit('eventPreview')
    },
    themePublish() {
      var _this = this;
      // console.log(_this.formData)
      if(_this.formData.iconUrl) {
        _this.loadingFlag2Visible = true;
        // _this.formData.developerId = _this.getUserInfo().getId();
        // console.log("developerId:  " + _this.formData.developerId)
        let msg = _this.validBaseInfo()
        if (msg !== 'success') {
          _this.$message.error(msg);
          return
        }

        // let deployId = _this.GetQueryString('deployId')
        let deployId = _this.formData.carDeployId
        _this.ajax("post", {
          fileLength: _this.formData.fileNameList.length,
          deployId: deployId
        }, "sys/theme/checkNum",function(res){
          // console.log(JSON.stringify(res));
          _this.loadingFlag2Visible = false;
          if(res) {
            if(res.code == "1") {
              /*if($.trim(_this.formData.thumb) == '') {
                 _this.$message.warning('请上传主题封面!');
                 return;
              }
              if($.trim(_this.formData.title) == '') {
                 _this.$message.warning('请填写主题名称!');
                 return;
              }
              if($.trim(_this.formData.description) == '') {
                 _this.$message.warning('请填写主题介绍!');
                 return;
              }
              if($.trim(_this.formData.audioImg) == '') {
                _this.$message.warning('请上传音频效果图!');
                return;
              }
              if($.trim(_this.formData.serviceImg) == '') {
                _this.$message.warning('请上传服务效果图!');
                return;
              }
              if($.trim(_this.formData.applicationImg) == '') {
                _this.$message.warning('请上传应用效果图!');
                return;
              }
              if($.trim(_this.formData.screenImg) == '') {
                _this.$message.warning('请上传负一屏效果图!');
                return;c
              }
              if($.trim(_this.formData.relations) == '') {
                 _this.$message.warning('请选择搭配仪表盘!');
                 return;
              }*/
              if(_this.formData.themeId) {
                _this.dialogPublishVisible = true;
              } else {
                _this.themeUpdate()
              }
            } else if(res.code == "2") {
              _this.$message.warning('请检查遗漏的切图文件!');
            } else if(res.code == 401) {
              _this.$message.warning('文件路径不存在!');
            }
          } else {
            _this.$message.warning('请求失败，请重试!');
          }
        });
      } else {
        _this.$message.warning('请先上传切图!');
      }
    },
    themeUpdate() {
      var _this = this;
      _this.dialogPublishVisible = false;
      if (_this.formData.isDraft !== 0) {
        _this.$message.error("不可重复提交主题");
        return;
      }
      let userInfo = localStorage.getItem('userInfo');
        // console.log(JSON.stringify(_this.formData));
        var formData = _this.formData;
            formData.isDraft = 0;
            let params = _this.setParams()
            // console.log(params)
            _this.ajax("post", params, "/sys/theme/create",function(res){
              // console.log(res)
              if (res.code === '1') {
                if (!_this.formData.themeId || _this.formData.themeId == undefined) {
                  _this.formData.themeId = res.datas
                  eventBus.$emit('setThemeDataByS', _this.formData)
                }
                _this.loadingFlagVisible = true
                _this.ajax("post", {
                  themeId: _this.themeId ? _this.themeId : _this.formData.themeId,
                },"/sys/theme/download",function(res){
                  // console.log(JSON.stringify(res));
                  _this.loadingFlag2Visible = false;
                  _this.loadingFlagVisible = false;
                  if(res.code == "1") {
                    _this.ajax("post", {
                      themeId: _this.formData.themeId,
                    },"/sys/theme/publish",function(res){
                      // console.log(JSON.stringify(res));
                      if(res.code == "1") {
                        _this.$message.success('发布成功!');
                        window.location.href = _this.sucPublishUrl
                      } else {
                        _this.$message.warning(res.message ? res.message : '发布失败!');
                      }
                    });
                  } else {
                    _this.$message.warning(res.message ? res.message : '操作失败请重试！');
                  }
                });
                _this.$message.success('保存成功，即将发布');
              } else {
                _this.$message.error(res.msg);
              }
            });
           /* _this.ajax("post", _this.formData, "theme/save",function(res){
              console.log(JSON.stringify(res));
              _this.loadingFlag2Visible = false;
              _this.loadingFlagVisible = true;
              _this.formData = res.data;
              eventBus.$emit('setThemeData', _this.formData)
              _this.ajax("post", {
                // iconUrl: _this.formData.iconUrl
                themeId: _this.themeId ? _this.themeId : _this.formData.themeId,
                type: "apk"
              },"theme/download",function(res){
                console.log(JSON.stringify(res));
                _this.loadingFlag2Visible = false;
                _this.loadingFlagVisible = false;
                if(res.code == 200) {
                  _this.ajax("post", {
                    themeId: _this.formData.themeId,
                    isDraft: 1
                  },"theme/publish",function(res){
                      console.log(JSON.stringify(res));
                      if(res.code == 200) {
                          _this.$message.success('发布成功!');
                        } else {
                          _this.$message.warning(res.message ? res.message : '发布失败!');
                        }
                  });
                } else {
                   _this.$message.warning(res.message ? res.message : '操作失败请重试！');
                }
            });
          });*/
      /* }
     }*/
    },
    changeActive($event) {
      $event.currentTarget.className = 'aui-flex-row aui-flex-middle active'
    },
    removeActive($event) {
      $event.currentTarget.className = 'aui-flex-row aui-flex-middle'
    },
    changeListActive($event) {
      $event.currentTarget.className = 'aui-flex-col aui-flex-middle active'
    },
    removeListActive($event, index) {
      if (this.activeItemIndex != index) {
        $event.currentTarget.className = 'aui-flex-col aui-flex-middle'
      }
    },
    handleClick(tab, event) {
      var that = this;
      //console.log(tab, event)
      this.initScroll();
      if(tab.label == '主题信息') {
        //console.log(1111111);
      }
    },
    handleRemove(file, fileList) {
        // console.log(file, fileList);
      },
      handleSuccess(res, file) {
        // console.log(JSON.stringify(res));
        // console.log("111234234" +JSON.stringify(file));
        // console.log("222" + URL.createObjectURL(file.raw));
        this.formData.thumb = res.datas;
        this.uploadingFlagVisible = false;
      },
      onchange(file,fileList){
        return;
                var _this = this;
                var event = event || window.event;
        var file = event.target.files[0];
        var reader = new FileReader();
                //转base64
                reader.onload = function(e) {
                  console.log(e.target.result);
                }
                reader.readAsDataURL(file);
      },
      beforeUpload2(file) {
        // console.log(JSON.stringify(file));
        const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
        const isLt2M = file.size / 1024 / 1024 < 2;
        const _this = this;
        if (!isJPG) {
          this.$message.error('上传图片只能是 JPG/PNG 格式!');
          return false;
        }
        _this.uploadingFlagVisible = true;
          const isSize = new Promise(function(resolve, reject) {
            let width = 1920;
            let height = 720;
            let _URL = window.URL || window.webkitURL;
            let img = new Image();
            img.onload = function() {
              // console.log(img.width);
              let valid = img.width == width && img.height == height;
              // valid ? resolve() : reject();
              valid ? resolve() : resolve();
            }
            img.src = _URL.createObjectURL(file);
          }).then(() => {
            return file;
          }, () => {
            _this.uploadingFlagVisible = false;
            _this.$message.error('上传的效果图必须是等于1920*720!');
            return Promise.reject();
          });
          return isSize
      },
       beforeUpload(file) {
        // console.log(JSON.stringify(file));
        const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
        const isLt2M = file.size / 1024 / 1024 < 2;
        const _this = this;
        if (!isJPG) {
          this.$message.error('上传图片只能是 JPG/PNG 格式!');
          return false;
        }
        _this.uploadingFlagVisible = true;
          const isSize = new Promise(function(resolve, reject) {
            let width = 1280;
            let height = 720;
            let _URL = window.URL || window.webkitURL;
            let img = new Image();
            img.onload = function() {
              // console.log(img.width);
              let valid = img.width == width && img.height == height;
              // valid ? resolve() : reject();
              valid ? resolve() : resolve();
            }
            img.src = _URL.createObjectURL(file);
          }).then(() => {
            return file;
          }, () => {
            _this.uploadingFlagVisible = false;
            _this.$message.error('上传的主题封面必须是等于1280*720!');
            return Promise.reject();
          });
          return isSize
      },
      handleSuccess2(res, file) {
        // console.log(JSON.stringify(res));
        this.formData.audioImg = res.datas;
        this.uploadingFlagVisible = false;
      },
      handleSuccess3(res, file) {
        // console.log(JSON.stringify(res));
        this.formData.serviceImg = res.datas;
        this.uploadingFlagVisible = false;
      },
      handleSuccess4(res, file) {
        // console.log(JSON.stringify(res));
        this.formData.applicationImg = res.datas;
        this.uploadingFlagVisible = false;
      },
      handleSuccess5(res, file) {
        // console.log(JSON.stringify(res));
        this.formData.screenImg = res.datas;
        this.uploadingFlagVisible = false;
      },
      beforeMultipleUpload(file) {
         const _this = this;
        _this.uploadingFlagVisible = true;
        // console.log(JSON.stringify(file));
        // console.log(JSON.stringify(fileList));
        _this.uploadNum += 1;
        _this.uploadData.iconurl = _this.formData.iconUrl ? _this.formData.iconUrl.replace("theme/upload/", '') : new Date().getTime()
        // event.target.files.forEach(function(item) {
        // for(var j = 0, len_ = event.target.files.length; j < len_; j++) {
        // var item_ =   event.target.files[j];
        let isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
        let flag = false;
        // const isWebp = file.type === 'image/webp'
        const pName = file.name.slice(0, -4);//isWebp ? file.name.slice(0, -5) :
        // if((pName.indexOf('scrollbar_thumb_vertical') != -1 || pName.indexOf("scrollbar_track_vertical") != -1) ) {//&& !isWebp
        // isJPG = false;
        // }
        if (isJPG) {
          let width = '';
          let height = '';
          let files = [];
          if (!flag && _this.pageName == 'voice') {
            for (var i = 0, len = _this.voicePics_.length; i < len; i++) {
              if (_this.voicePics_[i].name.indexOf(pName) != -1) {
                  width = _this.voicePics_[i].width;
                  height = _this.voicePics_[i].height;
                  flag = true;
                  break;
                }
              }
            }
            if(!flag && _this.pageName == 'service') {
              for(var i = 0, len = _this.servicePics_.length; i < len; i++) {
                if(_this.servicePics_[i].name.indexOf(pName) != -1) {
                  width = _this.servicePics_[i].width;
                  height = _this.servicePics_[i].height;
                  flag = true;
                  break;
                }
              }
            }
            if(!flag && _this.pageName == 'app') {
              for(var i = 0, len = _this.appPics_.length; i < len; i++) {
                if(_this.appPics_[i].name.indexOf(pName) != -1) {
                  width = _this.appPics_[i].width;
                  height = _this.appPics_[i].height;
                  flag = true;
                  break;
                }
              }
            }
            if(!flag && _this.pageName == 'negative') {
              for(var i = 0, len = _this.negativePics_.length; i < len; i++) {
                if(_this.negativePics_[i].name.indexOf(pName) != -1) {
                  width = _this.negativePics_[i].width;
                  height = _this.negativePics_[i].height;
                  flag = true;
                  break;
                }
              }
            }
            if(!flag && _this.pageName == 'controller') {
              for(var i = 0, len = _this.controllerPics_.length; i < len; i++) {
                if(_this.controllerPics_[i].name.indexOf(pName) != -1) {
                  width = _this.controllerPics_[i].width;
                  height = _this.controllerPics_[i].height;
                  flag = true;
                  break;
                }
              }
            }
            if(flag) {
              const isSize = new Promise(function(resolve, reject) {
                let _URL = window.URL || window.webkitURL;
                let img = new Image();
                img.onload = function() {
                  // console.log(img.width + ' ' + img.height);
                  let valid = img.width == width && img.height == height;
                  valid ? resolve() : reject();
                }
                img.src = _URL.createObjectURL(file);
                // img.src = _this.iconsFlag[pName]
              }).then(() => {
                // setTimeout(function() {
                  if(_this.fileList.length == _this.uploadNum) {
                      // console.log(222);
                      if(_this.batchUploadFlag) {
                        _this.batchUploadFlag = false;
                        _this.formData_.append('iconurl', _this.uploadData.iconurl);
                        let config = {
                            headers: {
                                'Content-Type': 'multipart/form-data'
                            }
                        }
                        axios.post(_this.serverPath + "common/batchUpload", _this.formData_,config).then( res => {
                            // console.log('common/batchUpload');
                            // console.log(res)
                            for(var i = 0, len = _this.fileList.length; i < len; i++) {
                              _this.fileList[i].uploadPath = res.data.data[i]
                              _this.changePicStatus(_this.fileList[i].name.replace('.png', '').replace('.jpg', '').replace('.webp', ''), 2)
                              // uploadList.push(files[i].response.data[0]);
                            }
                          eventBus.$emit('setFilelist', _this.fileList)
                          eventBus.$emit('setIconUrl', _this.uploadData.iconurl);
                            if(_this.fileList.length > 0) {
                              _this.$message.success('成功上传' +  _this.fileList.length +'个文件!')
                            }

              _this.uploadingFlagVisible = false;
                            _this.fileList = [];
                            _this.formData_ = "";
                            _this.uploadNum = 0;
                            _this.uploadFlag = false;
                            _this.batchUploadFlag = true;
                        }).catch( res => {
                            // console.log(res)
                            _this.fileList = [];
                            _this.formData_ = "";
                            _this.uploadNum = 0;
                            _this.uploadFlag = false;
                            _this.batchUploadFlag = true;
              _this.uploadingFlagVisible = false;
                        })
                      }
                    // return _this.fileList;
                  } else {
                    _this.fileList = [];
                    _this.formData_ = "";
                    _this.uploadNum = 0;
                    _this.uploadFlag = false;
                    _this.$message.error('导入失败!');
              _this.uploadingFlagVisible = false;
                    return false;
                  }
                // }, 500)
              }, () => {
                _this.$message.error('导入失败!');
                 _this.fileList = [];
              _this.uploadFlag = false;
                _this.formData_ = "";
              _this.uploadingFlagVisible = false;
                _this.uploadNum = 0;
                return false;//Promise.reject();
              });
              return isSize;
            } else {
              _this.formData_ = "";
               _this.fileList = [];
              _this.uploadNum = 0;
              _this.uploadFlag = false;
              _this.uploadingFlagVisible = false;
              _this.$message.error('导入失败!');return false;
            }
          } else {
              _this.formData_ = "";
              _this.fileList = [];
              _this.uploadNum = 0;
              _this.uploadFlag = false;
              _this.uploadingFlagVisible = false;
              _this.$message.error('导入失败!');return false;
          }
        // };
      },
      handleMultipleSuccess(res, file, fileList) {
        // console.log(JSON.stringify(res));
        // console.log(JSON.stringify(file));
        var that = this;
        var files = that.fileList;
        that.uploadMultiplePics(that.fileList);
        return
        // var uploadList = [];
          for(var i = 0, len = files.length; i < len; i++) {
            eventBus.$emit('changePicStatus', files[i].name)
            // uploadList.push(files[i].response.data[0]);
          }
          setTimeout(function () {
            eventBus.$emit('setFilelist', files)
          }, 500)
          eventBus.$emit('setIconUrl', that.uploadData.iconurl);
          if(files.length > 0) {
            that.$message.success('成功上传' + files.length +'个文件!')
          }
          that.fileList = [];
      },
      onchange_(file, fileList) {
        var that = this;
        // this.uploadBtnVisible = true;
        if(!that.uploadFlag) {
          that.uploadFlag = true;
          setTimeout(function() {
            that.subPicForm();
          }, 500)
        }
        // const _this = this;
        // let num = 0;
        // for(var j = 0, len_ = event.target.files.length; j < len_; j++) {
        //   var item_ =   event.target.files[j];
        //   const isJPG = item_.type === 'image/jpeg' || item_.type === 'image/png';
        //   const pName = item_.name.slice(0, -4);
        //   if(isJPG) {
        //     let flag = false;
        //     let width = '';
        //     let height = '';
        //     let files = [];
        //     if(!flag && _this.pageName == 'voice') {
        //       for(var i = 0, len = _this.voicePics_.length; i < len; i++) {
        //         const item = _this.voicePics_[i];
        //         console.log(item.name);
        //         console.log(pName);
        //         if(item.name.indexOf(pName) != -1) {
        //           console.log(item.width + ' ' + item.height);
        //           width = item.width;
        //           height = item.height;
        //           flag = true;
        //           break;
        //         }
        //       }
        //     }
        //     if(!flag && _this.pageName == 'service') {
        //       for(var i = 0, len = _this.servicePics.length; i < len; i++) {
        //         const item = _this.servicePics[i];
        //         if(item.name.indexOf(pName) != -1) {
        //           width = item.width;
        //           height = item.height;
        //           flag = true;
        //           break;
        //         }
        //       }
        //     }
        //     if(!flag && _this.pageName == 'app') {
        //       for(var i = 0, len = _this.appPics.length; i < len; i++) {
        //         const item = _this.appPics[i];
        //         if(item.name.indexOf(pName) != -1) {
        //           width = item.width;
        //           height = item.height;
        //           flag = true;
        //           break;
        //         }
        //       }
        //     }
        //     if(!flag && _this.pageName == 'negative') {
        //       for(var i = 0, len = _this.negativePics.length; i < len; i++) {
        //         const item = _this.negativePics[i];
        //         if(item.name.indexOf(pName) != -1) {
        //           width = item.width;
        //           height = item.height;
        //           flag = true;
        //           break;
        //         }
        //       }
        //     }
        //     if(!flag && _this.pageName == 'controller') {
        //       for(var i = 0, len = _this.controllerPics.length; i < len; i++) {
        //         const item = _this.controllerPics[i];
        //         if(item.name.indexOf(pName) != -1) {
        //           width = item.width;
        //           height = item.height;
        //           flag = true;
        //         }
        //       }
        //     }
        //     if(flag) {
        //       const isSize = new Promise(function(resolve, reject) {
        //         let _URL = window.URL || window.webkitURL;
        //         let img = new Image();
        //         img.onload = function() {
        //           console.log(img.width + ' ' + img.height);
        //           let valid = img.width == width && img.height == height;
        //           valid ? resolve() : reject();
        //         }
        //         img.src = _URL.createObjectURL(item_);
        //         // img.src = _this.iconsFlag[pName]
        //       }).then(() => {
        //         files.push(file);
        //         if(files.length > 0) {
        //           _this.fileList = files;
        //           return files;
        //         } else {
        //           _this.$message.error('导入失败!');
        //           return false;
        //         }
        //       }, () => {
        //         return false;//Promise.reject();
        //       });
        //       return isSize;
        //     } else {
        //       _this.$message.error('导入失败!');return false;
        //     }
        //   } else {
        //       _this.$message.error('导入失败!');return false;
        //   }
        // };
      },
      subPicForm() {
        var that = this;
        that.formData_ = new FormData()
        that.$refs.upload.submit();
        // console.log(JSON.stringify(that.formData));
        // return;
        that.uploadBtnVisible = false;
        if(that.fileList.length > 0) {
          that.fileList.forEach(function(item) {
            that.beforeMultipleUpload(item)
          });
        }
          return
          that.ajax("OPTIONS", {
            file: this.fileList,
            iconurl: iconurl
          }, "common/batchUpload",function(res){
            // console.log('33333333333' + JSON.stringify(res));
            for(var i = 0, len = files.length; i < len; i++) {
              eventBus.$emit('changePicStatus', files[i].name)
              // uploadList.push(files[i].response.data[0]);
            }
            setTimeout(function () {
              eventBus.$emit('setFilelist', files)
            }, 500)
            eventBus.$emit('setIconUrl', that.uploadData.iconurl);
            if(files.length > 0) {
              that.$message.success('成功上传' + files.length +'个文件!')
            }
            that.fileList = [];
            // for(var i = 0, len = files.length; i < len; i++) {
            //   eventBus.$emit('changePicStatus', files[i].name)
            // }
            // eventBus.$emit('setIconUrl', iconurl);
            // that.$message.success('成功上传' + files.length +'个文件!')
          }, function() {
            that.fileList = [];
          })
        // };
      },
      uploadMultiplePics(file) {
        // console.log(JSON.stringify(file));
        var that = this;
        that.formData_.append('file', file.file);
        that.fileList.push(file.file);
        // console.log(JSON.stringify(that.fileList));
        // that.fileList.append('file', file.file)
        // console.log(JSON.stringify(that.fileList));
        return;
        var iconurl = that.formData.iconUrl ? that.formData.iconUrl.replace("theme/upload/", '') : new Date().getTime()
        that.ajax("OPTIONS", {
          file: files,
          iconurl: iconurl
        }, "common/batchUpload",function(res){
          // console.log('33333333333' + JSON.stringify(res));
          for(var i = 0, len = files.length; i < len; i++) {
            eventBus.$emit('changePicStatus', files[i].name)
            // uploadList.push(files[i].response.data[0]);
          }
          setTimeout(function () {
            eventBus.$emit('setFilelist', files)
          }, 500)
          eventBus.$emit('setIconUrl', that.uploadData.iconurl);
          if(files.length > 0) {
            that.$message.success('成功上传' + files.length +'个文件!')
          }
          that.fileList = [];
          // for(var i = 0, len = files.length; i < len; i++) {
          //   eventBus.$emit('changePicStatus', files[i].name)
          // }
          // eventBus.$emit('setIconUrl', iconurl);
          // that.$message.success('成功上传' + files.length +'个文件!')
        }, function() {
          that.fileList = [];
        })
      },
    changeItemActive(index, name) {
      this.activeItemIndex = index
       eventBus.$emit('eventFromS', name, this.pageName)
    },
    getImgUrl(icon) {
      return require('@/assets/theme/' + this.pageName + '/' + icon)
    },
    getImgUrl_(icon) {
      // console.log(JSON.stringify(this.formData));
      return this.formData.iconUrl ? this.imgPath + this.formData.iconUrl + '/' + (icon.indexOf("/") != -1 ? icon.slice(icon.indexOf("/") + 1) : icon) + '?' + new Date().getTime() : require('@/assets/theme/' + this.pageName + '/' + icon)
    },
    getImgUrl__(icon) {
      return require('@/assets/theme/' + icon)
    },
    toggle($event) {
      this.flag = !this.flag
      $event.currentTarget.className = this.flag ? 'togglebtn' : 'togglebtn active'
    },
    GetQueryString(name) {
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
    },
    changePicStatus(key, status) {
      var that = this;
      if(key) {
          if(that.pageName == 'voice') {
            var listData = that.voicePics;
          } else if(that.pageName == 'service') {
            var listData = that.servicePics;
          } else if(that.pageName == 'app') {
            var listData = that.appPics;
          } else if(that.pageName == 'negative') {
            var listData = that.negativePics;
          } else if(that.pageName == 'controller') {
            var listData = that.controllerPics;
          }
        for (var i = 0, len = listData.length; i < len; i++) {
          let item = listData[i];
          // if(item.name.replace('.png', '').replace('.jpg', '').replace('.webp', '') == key) {
          if (item.name.replace('.png', '').replace('.jpg', '').replace('.webp', '').slice(item.name.indexOf("/") + 1) == key) {
            // console.log(key);
            item.status = status != undefined ? status : 2;
          }
        }
        // console.log(JSON.stringify(listData));
        that.listData = listData;
      }
    },
    initScroll() {
      this.$nextTick(() => {
        new BScroll(this.$refs.wrapper, {
          scrollbar: true,
          click: false,
          preventDefault: false,
          mouseWheel: true
        })
        // new BScroll(this.$refs.wrapper_, {
        //   scrollbar: true,
        //   click: false,
        //   preventDefault: false,
        //   mouseWheel: true
        // })
      });
    },
    getEventData() {
      const that = this;
      eventBus.$on('eventFromN', function(arr) {
        // console.log("11111" + JSON.stringify(arr));
        if(Object.prototype.toString.call(arr) === '[object Array]') {
          var val = arr[0];
          // console.log(val);
          if(val == 1) {
            that.pageName = 'voice'
            var listData = that.desktopPics
            eventBus.$emit('setSelectedImg', that.desktopPics[0].name, that.pageName)
          } else if(val == 2) {
            that.pageName = 'voice'
            var listData = that.voicePics
            eventBus.$emit('setSelectedImg', that.voicePics[0].name, that.pageName)
          } else if(val == 3) {
            that.pageName = 'service'
            var listData = that.servicePics
            eventBus.$emit('setSelectedImg', that.servicePics[0].name, that.pageName)
          } else if(val == 4) {
            that.pageName = 'app'
            var listData = that.appPics
            eventBus.$emit('setSelectedImg', that.appPics[0].name, that.pageName)
          } else if(val == 5) {
            that.pageName = 'negative'
            var listData = that.negativePics
            eventBus.$emit('setSelectedImg', that.negativePics[0].name, that.pageName)
          } else if(val == 6) {
            // console.log(val)
            that.pageName = 'controller'
            var listData = that.controllerPics
            eventBus.$emit('setSelectedImg', that.controllerPics[0].name, that.pageName)
          }
          that.listData = listData;
          // console.log("listData")
          that.listData.forEach(function(item) {
            if(that.formData.fileNameList) {
              for(var i = 0; i < that.formData.fileNameList.length; i++) {
                var curItem = that.formData.fileNameList[i];
                var nName = item.name.indexOf("/") != -1 ? item.name.slice(item.name.indexOf("/") + 1) : item.name;
                if(curItem == nName) {
                  item.status = 2;
                  break;
                }
              }
            }
          });
          // console.log(JSON.stringify(that.listData));
        }
      });
      eventBus.$on('changePicStatus', function(key, status) {
        // console.log("sssss " + JSON.stringify(that.voicePics.length));
        // console.log("====key " + key);
        // console.log("====that.pageName " + that.pageName);
        if (key) {
          if (that.pageName == 'voice') {
            if (key == 'bg_common') {
              var listData = that.desktopPics;
            } else {
              var listData = that.voicePics;
            }
          } else if (that.pageName == 'service') {
            var listData = that.servicePics;
          } else if (that.pageName == 'app') {
            var listData = that.appPics;
          } else if(that.pageName == 'negative') {
            var listData = that.negativePics;
          } else if(that.pageName == 'controller') {
            var listData = that.controllerPics;
          }
          for(var i = 0, len = listData.length; i < len; i++) {
            let item = listData[i];
            // console.log(item.name);
            // console.log(1111111111);
            // if(item.name.indexOf(key) != -1) {
            if (item.name.replace('.png', '').replace('.jpg', '').replace('.webp', '') == key) {
              // if(item.name.replace('.png', '').replace('.jpg', '').replace('.webp', '').slice(item.name.indexOf("/") + 1) == key) {
              //   console.log(key);
              item.status = status != undefined ? status : 2;
            }
          }
          // console.log(JSON.stringify(listData));
          that.listData = listData;
          // let flag = false;
          // if(!flag) {
          //   for(var i = 0, len = _this.voicePics.length; i < len; i++) {
          //     const item = _this.voicePics[i];
          //     if(item.name.indexOf(key) != -1) {
          //       item.status = 2;
          //       flag = true;
          //     }
          //   }
          // }
          //  if(!flag) {
          //   for(var i = 0, len = _this.servicePics.length; i < len; i++) {
          //     const item = _this.servicePics[i];
          //     if(item.name.indexOf(key) != -1) {
          //       item.status = 2;
          //       flag = true;
          //     }
          //   }
          // }
          //  if(!flag) {
          //   for(var i = 0, len = _this.appPics.length; i < len; i++) {
          //     const item = _this.appPics[i];
          //     if(item.name.indexOf(key) != -1) {
          //       item.status = 2;
          //       flag = true;
          //     }
          //   }
          // }
          //  if(!flag) {
          //   for(var i = 0, len = _this.negativePics.length; i < len; i++) {
          //     const item = _this.negativePics[i];
          //     if(item.name.indexOf(key) != -1) {
          //       item.status = 2;
          //       flag = true;
          //     }
          //   }
          // }
          //  if(!flag) {
          //   for(var i = 0, len = _this.controllerPics.length; i < len; i++) {
          //     const item = _this.controllerPics[i];
          //     if(item.name == key) {
          //       item.status = 2;
          //       flag = true;
          //     }
          //   }
          // }
        }
      });
      eventBus.$on('eventFromM', function(val) {
        if(val) {
          // console.log(val);
          if(val == 2) {
            that.pageName = 'voice'
            that.listData = that.voicePics
          } else if(val == 3) {
            that.pageName = 'service'
            that.listData = that.servicePics
          } else if(val == 4) {
            that.pageName = 'app'
            that.listData = that.appPics
          }
          that.listData.forEach(function(item) {
            if(that.formData.fileNameList) {
              for(var i = 0; i < that.formData.fileNameList.length; i++) {
                var curItem = that.formData.fileNameList[i];
                var nName = item.name.indexOf("/") != -1 ? item.name.slice(item.name.indexOf("/") + 1) : item.name;
                if(curItem == nName) {
                  item.status = 2;
                  break;
                }
              }
            }
          });
          that.uploadingFlagVisible = false;
        }
      });
      //预览
      eventBus.$on('eventEditable', function() {
        that.editable = true;
        that.uploadingFlagVisible = false;
         if(that.pageName == 'voice') {
            var listData = that.voicePics;
          } else if(that.pageName == 'service') {
            var listData = that.servicePics;
          } else if(that.pageName == 'negative') {
            var listData = that.negativePics;
          } else if(that.pageName == 'controller') {
            var listData = that.controllerPics;
          } else if(that.pageName == 'app') {
            var listData = that.appPics;
          }
          setTimeout(function() {
            that.listData = listData
            that.listData.forEach(function(item) {
              if(that.formData.fileNameList) {
                for(var i = 0; i < that.formData.fileNameList.length; i++) {
                  var curItem = that.formData.fileNameList[i];
                  var nName = item.name.indexOf("/") != -1 ? item.name.slice(item.name.indexOf("/") + 1) : item.name;
                  if(curItem == nName) {
                      item.status = 2;
                      break;
                  }
                }
              }
             });
          }, 500);
      });
      eventBus.$on('eventPreview', function() {
        that.editable = false;
        that.uploadingFlagVisible = false;
      });
      eventBus.$on('eventExport', function() {
        that.themeExport();
        that.uploadingFlagVisible = false;
      });
      //更新
      eventBus.$on('setThemeData', function(data, flag) {
        // console.log("setThemeData: " + flag)
        // console.log(data)
        if(data) {
          if(flag === 1) {
            that.formData = data;
            that.formData.dynamicTags = [];
            that.formData.dynamicTags = data.tags ? data.tags : [];
            that.handleTagShow();
          }
          const mInfo = that.mInfo;
          if(!data.colorNormal) {
            data.colorNormal = '#FFFFFF';
          }
          if (!data.colorSelected) {
            data.colorSelected = '#BB86FC';
          }
          if (!data.colorDisabled) {
            data.colorDisabled = '#000000';
          }
          that.formData.panel = data.panel;
          that.formData.fileNameList = data.fileNameList;
          if (data.localFileList) {
            that.formData.localFileList = data.localFileList;
          }
          that.formData.userId = data.userId;
          that.formData.isDarft = data.isDarft;
          // console.log(that.formData)
          let status = that.formData.status;
          if (that.listData && that.listData.length) {
            that.listData.forEach(function (item) {
              for (var i = 0; i < data.fileNameList.length; i++) {
                var curItem = data.fileNameList[i];
                var nName = item.name.indexOf("/") != -1 ? item.name.slice(item.name.indexOf("/") + 1) : item.name;
                if (curItem == nName) {
                item.status = 2;
                break;
              }
            }
          });
          }
          if (that.formData.isDraft != undefined && that.formData.isDraft != 0) {
            that.themePreview()
            return
          }
          if(mInfo) {
            if(mInfo.role == 1 && data.auditStatus.substr(0,1) == 0) {
              that.auditStatus = 0;
            } else if(mInfo.role == 2 && data.auditStatus.substr(1,1) == 0) {
              that.auditStatus = 0;
            } else if(mInfo.role == 3 && data.auditStatus.substr(2,1) == 0) {
              that.auditStatus = 0;
            } else if(mInfo.role == 1 && data.auditStatus.substr(0,1) == 1) {
              that.auditStatus = 1;
            } else if(mInfo.role == 2 && data.auditStatus.substr(1,1) == 1) {
              that.auditStatus = 1;
            } else if(mInfo.role == 3 && data.auditStatus.substr(2,1) == 1) {
              that.auditStatus = 1;
            } else if (mInfo.role == 1 && data.auditStatus.substr(0, 1) == 2) {
              that.auditStatus = 2;
            } else if (mInfo.role == 2 && data.auditStatus.substr(1, 1) == 2) {
              that.auditStatus = 2;
            } else if (mInfo.role == 3 && data.auditStatus.substr(2, 1) == 2) {
              that.auditStatus = 2;
            }
          }
        }
      });
      //保存
      eventBus.$on('themeSave', function(val) {
        if (that.formData.isDraft != undefined && that.formData.isDraft != 0) {
          return
        }
      let msg = that.validBaseInfo()
        if (msg !== 'success') {
          that.$message.error(msg);
          return
        }
          let params = that.setParams()
        // console.log(params)
        that.ajax("post", params, "/sys/theme/create", function (res) {
          if (res.code === '1') {
            if (!that.formData.themeId || that.formData.themeId == undefined) {
              that.formData.themeId = res.datas
              eventBus.$emit('setThemeDataByS', that.formData)
            }
            that.$message.success('保存成功!');
          } else {
            that.$message.error(res.msg);
          }
          });
      });
      //更新
      eventBus.$on('themeUpdate', function(name, pageName) {
        // console.log('themeUpdate');
        var formData = that.formData;
        // formData.themeId = that.themeId;
        // that.ajax("post", formData,"theme/update",function(res){
        //   console.log(JSON.stringify(res));
        //   that.$message.success('发布成功!');
        // });
        let userInfo = localStorage.getItem('userInfo');
        // console.log(userInfo);
        if(userInfo) {
          let uInfo = JSON.parse(userInfo);
          formData.userId = uInfo.userId;
          formData.nickname = uInfo.nickname;
          formData.headimg = uInfo.headimg;
          if(formData.themeId) {
            that.ajax("post", formData, "theme/update",function(res){
              // console.log(JSON.stringify(res));
              that.$message.success('保存成功!');
            });
          } else {
            that.ajax("post", formData, "theme/save",function(res){
              // console.log(JSON.stringify(res));
              that.$message.success('保存成功!');
            });
          }
        }
      });
      //更新
      eventBus.$on('setIconUrl', function(iconurl) {
        // console.log("3333333333" + iconurl);
        if (!that.formData.iconUrl) {
          that.formData.iconUrl = that.iconUrlPrefix+ 'theme/upload/' + iconurl;
        }
        // console.log(that.formData.iconUrl);
      }); //更新
      eventBus.$on('setUpdateIcons', function(updateIcons) {
        that.formData.updateFileList = updateIcons;
      });//设置icon的前缀
      eventBus.$on('setIconUrlPrefix', function(val) {
        that.iconUrlPrefix = val;
      });
    },
    setParams() {
     /* let picArr = []*/
      let that = this;
      /*if (that.formData.audioImg) {
        picArr.push(that.formData.audioImg)
      }
      if (that.formData.serviceImg) {
        picArr.push(that.formData.serviceImg)
      }
      if (that.formData.applicationImg) {
        picArr.push(that.formData.applicationImg)
      }*/
      let params = {}
      params.id = that.formData.themeId
      params.developerId = that.formData.developerId
      // params.cover = that.formData.thumb
      params.name = that.formData.title
      // params.description = that.formData.description
      // params.categoryId = that.formData.categoryId
      // params.sysVersion = that.formData.sysVersion
      // params.isFree = that.formData.isFree
      // params.price = that.formData.price
      // params.pic = picArr.join(',')
      // params.tags = that.formData.dynamicTags.join(',')
      params.carDeployId = that.formData.carDeployId
      params.colorNormal = that.formData.colorNormal
      params.colorSelected = that.formData.colorSelected
      params.colorDisabled = that.formData.colorDisabled
      params.colorPrimaryVariant = that.formData.colorPrimaryVariant
      params.colorSecondary = that.formData.colorSecondary
      params.colorBackground = that.formData.colorBackground
      params.colorError = that.formData.colorError
      params.colorOnSecondary = that.formData.colorOnSecondary
      params.colorOnBackground = that.formData.colorOnBackground
      // params.colorOnSurface = that.formData.colorOnSurface
      params.colorSurface = that.formData.colorSurface
      params.colorOnError = that.formData.colorOnError
      params.colorSecondaryVariant = that.formData.colorSecondaryVariant
      params.icons = that.formData.fileNameList.join(',')
      params.updateIcons = that.formData.updateFileList.join(',')
      params.localIcons = that.formData.localFileList.join(',')
      params.iconUrl = that.formData.iconUrl
      /*params.yj1 = that.formData.yj1
      params.yj2 = that.formData.yj2
      params.yj3 = that.formData.yj3
      params.yj4 = that.formData.yj4
      params.yj5 = that.formData.yj5
      params.yj6 = that.formData.yj6
      params.yj7 = that.formData.yj7
      params.yj8 = that.formData.yj8
      params.fontfamily = that.formData.fontfamily*/
      params.hl1FontFamily = that.formData.hl1FontFamily
      params.hl2FontFamily = that.formData.hl2FontFamily
      params.hl3FontFamily = that.formData.hl3FontFamily
      params.hl4FontFamily = that.formData.hl4FontFamily
      params.hl5FontFamily = that.formData.hl5FontFamily
      params.hl6FontFamily = that.formData.hl6FontFamily
      params.s1FontFamily = that.formData.s1FontFamily
      params.s2FontFamily = that.formData.s2FontFamily
      params.b1FontFamily = that.formData.b1FontFamily
      params.b2FontFamily = that.formData.b2FontFamily
      params.btFontFamily = that.formData.btFontFamily
      params.capFontFamily = that.formData.capFontFamily
      params.overFontFamily = that.formData.overFontFamily
      params.smallCornerSize = that.formData.smallCornerSize
      params.mediumCornerSize = that.formData.mediumCornerSize
      params.largeCornerSize = that.formData.largeCornerSize
      params.b2FontFamily = that.formData.b2FontFamily
      params.b2FontFamily = that.formData.b2FontFamily
      // console.log(params)
      return params
    },
    validBaseInfo() {
      let that = this
      if (!that.formData.developerId || that.formData.developerId === undefined || that.formData.developerId === '') {
        return "请先登录"
      }
      /*if (!that.formData.thumb || that.formData.thumb === undefined || that.formData.thumb === '') {
        return "请上传主题封面"
      }*/
      if (!that.formData.title || that.formData.title === undefined || that.formData.title === '') {
        return "请填写主题名称"
      }
     /* if (!that.formData.description || that.formData.description === undefined || that.formData.description === '') {
        return "请填写主题详情"
      }
      if (!that.formData.categoryId || that.formData.categoryId === undefined || that.formData.categoryId === '') {
        return "请填写主题类别"
      }
      if (!that.formData.audioImg && !that.formData.serviceImg && !that.formData.applicationImg ) {
        return "请至少上传一张预览图片"
      }
      if (!that.formData.dynamicTags || that.formData.dynamicTags.length <= 0) {
        return "请至少增加一个标签"
      }*/
      return "success"
    },
    ajax(method,content,server,callback,callback2){
      var url= this.serverPath + server;
      // var timestamp = new Date().getTime()+"";
      // var	content={
			// 		'content':content,
			// 		'signature':"",
			// 		'signkey': "1",
			// 		'timestamp':timestamp
			// 	};
      var content1 = JSON.stringify(content);
      // console.log(url);
      // if(content1){
        $.ajax({
          url: url,
          type:method,
          dataType:"JSON",
          // contentType: 'application/json',
          headers: {token: this.getToken()},
          async: true,
          data: content,
          success: function (data) {
            // console.log(data);
            callback(data);
          },
          error: function (data) {
            // console.log(data);
            callback2 && callback2(data)
          }
        });
      },


  },
  mounted() {
    this.listData = this.voicePics
    eventBus.$emit('setSelectedImg', 'bg_card_s.png', 'voice')
    this.getEventData()
    // this.initCategoryList()
  },
  created() {
    var _this = this;

    if (localStorage.serverPath) {
      _this.serverPath = localStorage.serverPath + "/"
      _this.uploadUrl = localStorage.serverPath + "/sys/theme/upload"
      _this.currentUrl = localStorage.currentPath + "/"
      _this.sucPublishUrl = localStorage.serverPath + "theme/list"
    }
    // let deployId = localStorage.getItem("carDeployId")
    let deployId = _this.GetQueryString('carDeployId');
    // let title = _this.GetQueryString('title');
    let title = localStorage.getItem('title')
    localStorage.removeItem('title')
    // console.log(location.href)
    // _this.auth(_this.currentUrl + "login?callback=" + location.href)

    let userInfo = _this.getUserInfo()
    if (!userInfo || userInfo === null || userInfo === undefined
      || !deployId || deployId === undefined) {
      _this.$message.error("请登录后再操作");
      return;
    }
    if (!_this.GetQueryString('themeId')) {
      if (!title || title === undefined) {
        _this.$message.error("请登录后再操作");
        return;
      }
    }

    _this.formData.developerId = userInfo.id
    _this.formData.carDeployId = deployId
    _this.formData.title = title
    // localStorage.removeItem("carDeployId")

    this.$nextTick(() => {
      this.initScroll()
    })
    _this.clientWidth = document.documentElement.clientWidth
    if(_this.clientWidth <= 1440) {
      // _this.flag = false;
    }
    if(_this.GetQueryString('preview')) {
      _this.editable = false;
      eventBus.$emit('eventPreview', true)
    }
    if(_this.GetQueryString('manage')) {
      // console.log(_this.GetQueryString('manage'));
      _this.managable = true;
    }
    let managerInfo = localStorage.getItem('u');
      if(managerInfo) {
        _this.mInfo = JSON.parse(managerInfo);
      }
    setTimeout(() => {
      let old = Object.assign({}, _this.listData) // 浅克隆this.list
      _this.listData = old ;
    }, 1500)
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->


<style scoped>
aside {
  /* position: relative; */
  position: fixed;
  right: 0;
  display: inline-block;
  height: 100%;
  /* overflow: hidden; */
  background-color: #f8f9fa;
  z-index: 999
}
.bar {
  width: 300px;
  height: 100%;
}
.bar.active {
  display: block!important;
}
.bar.deactive {
  display: none;
}
.icon {
  font-size: 24px;
  color: #2c3e50;
}
ul.aui-flex-col li {
  height: 70px;
  flex-grow: 1;
  font-size: 14px;
}
ul.aui-flex-col li.active {
  color: #eff4f6;
  background-color: #139e83;
  border-bottom: 1px solid #fff;
}
ul.aui-flex-col li.active .icon {
  color: #eff4f6;
}
ul.aui-flex-col li span:first-child {
  height: 30px;
  padding-right: 0;
}
aside>>>.el-tabs__item {
  width: 100px!important;
  padding-left: 0;
}
aside>>>.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  /* width: 90px!important; */
  /* padding-left: 20px!important; */
  padding-right: 0!important;
}
aside>>>.el-tabs__item {
  background-color: #eff4f6;
  border: 1px solid #e8edef;
}
aside>>>.el-tabs__item.is-active {
  background-color: #f8f9fa;
  color: #139e83;
  border: 1px solid #f8f9fa;
}
aside>>>.el-tabs__item:hover {
  color: #139e83;
}
aside>>>.el-tabs__active-bar {
  top: 0;
  width: 128px!important;
  height: 3px;
  margin-left: -18px;
  background-color:#139e83;
}
aside>>>.el-tabs__nav-wrap::after {
  background-color: #fff;
}
aside>>>.el-tabs__header {
  margin-bottom: 10px;
}
.el-button.is-round {
  padding: 8px 30px;
  color: #2c3e50;
}
.el-button.is-round:hover {
  border-color:#139e83;
  color: #139e83;
  background-color: #fff;
}
.managable .el-button, .managable .el-button.is-round:hover {
  border-color:#ddd;
  color: #ddd;
  background-color: #fff;
}
.el-tab-pane ul {
  margin-top: 10px;
  border-top: 1px solid #f2f4f5;
}
.el-tab-pane ul li {
  height: 40px;
  font-size: 14px;
  border-bottom: 1px solid #f2f4f5;
}
.el-tab-pane ul li.active {
  background-color: #fff;
}
.el-tab-pane ul li span:first-child {
  display: inline-block;
  height: 22px;
  width: 7px;
  margin: 0 12px 0 7px;
}
.el-tab-pane ul li span:first-child.success {
  background-color: #16a085;
}
.el-tab-pane ul li span:first-child.warning {
  background-color: #f39c12;
}
.el-tab-pane ul li span:first-child.gray {
  background-color: #e0e3e6;
}
.el-tab-pane ul li img {
  margin-right: 15px;
}
.togglebtn {
  position: absolute;
  top: 50%;
  right: 220px;
  height: 170px;
  width: 9px;
  cursor: pointer;
  z-index: 100000;
  transform: translate(0, -50%);
  /* background-image: url('../assets/image/switchBtn.png'); */
}
.togglebtn.active {
  right: 0;
  transition: all .2s ease;
}
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
  transition: all .2s ease;
}
.slide-fade-leave-active {
  transition: all .2s ease;
}
.slide-fade-enter, .slide-fade-leave-to {
  opacity: 0;
}
aside>>>.upload-multiple .el-upload-dragger {
    background-color: transparent;
    border: none;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 35px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
aside>>>.upload-demo .el-upload-dragger {
  width: 200px;
  height: 200px;
  margin-top: 10px;
  background-color: #eff4f6;
  border: 1px solid #e8edef;
}
aside>>>.upload-demo .el-upload-dragger:hover .over {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.4);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
  box-shadow: 0 3px 12px 0 rgba(0,0,0,.1);
}
aside>>>.upload-demo .el-upload-dragger img.thumb, .dashboard img.thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
aside>>>.upload-demo2 {
  position: relative;
}
aside>>>.upload-demo .el-upload-dragger .btns, aside>>>.upload-demo2 .btns {
  display: none;
  position: absolute;
  top: 65px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
aside>>>.upload-demo2 .btns {
  top: 10px;
}
aside>>>.upload-demo .el-upload-dragger:hover .btns, aside>>>.upload-demo2:hover .btns {
  display: block;
}
aside>>>.upload-demo .el-upload-dragger:hover {
  border-color: #1abc9c;
}
aside>>>.upload-demo .el-upload-dragger .btns button, aside>>>.upload-demo2 .btns button {
  width: 50px;
  height: 50px;
  padding-top: 13px;
  display: inline-block;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.4);
}
aside>>>.upload-demo2 img.thumb, .dashboard img.thumb {
  width: 200px;
  height: auto;
  border-radius: 5px;
}
 aside>>>.upload-demo2 {
   width: 200px;
   height: 68px;
 }
 aside>>>.upload-demo2 .el-upload, aside>>>.upload-demo2 .el-upload > div {
   height: 100%;
 }
aside>>>.dashboard img.thumb {
  height: 68px;
}
aside>>>.upload-demo .el-upload-dragger .btns button .icon, aside>>>.upload-demo2 .btns button .icon {
  font-size: 36px;
  color: #fff;
}
aside>>>.upload-demo .el-upload-dragger .btns button:first-child, aside>>>.upload-demo2 .btns button:first-child {
  margin-right: 8px;
}
aside>>>.upload-demo2 .btns button:last-child {
  margin-top: -5px;
}

aside>>>.upload-demo .el-upload-dragger .el-icon-upload {
  margin: 40px 0 10px;
}
aside>>>.upload-demo .el-upload-dragger .el-upload__text, aside>>>.upload-demo .el-upload-dragger .el-upload__text em, aside>>>.upload-demo2 .el-upload__text em {
  font-size: 16px;
  color: #95a5a6;
  line-height: 20px;
}
aside>>>.upload-demo .el-upload-dragger .el-upload__text em , aside>>>.upload-demo2 .el-upload__text em{
  font-size: 14px;
}
aside>>>.upload-demo .el-upload-dragger .el-upload__text i, aside>>>.upload-demo2 .el-upload__text i {
  font-size: 12px;
  font-style: normal;
  color: #cad0d3;
  display: block;
}
aside>>>.el-input__inner {
  padding: 0 10px;
  color: #2c3e50;
  background-color: #eff4f6;
}
aside>>>.el-input.is-active .el-input__inner, aside>>>.el-textarea.is-active .el-textarea__inner, aside>>>.el-input__inner:focus, aside>>>.el-textarea__inner:focus, aside>>>.el-input__inner:hover, aside>>>.el-textarea__inner:hover {
  border-color: #1abc9c;
}
aside>>>.el-input .el-input__count .el-input__count-inner {
  background-color: rgba(0,0,0,0);
  line-height: 40px;
}
aside>>>.el-textarea .el-input__count {
  background-color: rgba(0,0,0,0);
}
aside>>>.el-textarea__inner {
  height: 160px;
  padding: 10px 10px;
  font-size: 14px;
  color: #2c3e50;
  background-color: #eff4f6;
}
aside>>>.dashboard {
  position: relative;
  height: 70px;
  color: #95a5a6;
  font-size: 15px;
  margin-right: -5px;
  text-align: center;
  border: 1px solid #DCDFE6;
  background-color: #eff4f6;
}
aside>>>.dashboard img {
  width: 100%;
  height: 70px;
}
aside>>>.el-input-group {
  width: 138px;
}
aside>>>.el-input-group__append, aside>>>.el-input-group__prepend {
  border-left-color: rgba(0,0,0,0);
  background-color: #eff4f6;
  padding: 0 4px 0 10px;
}
aside>>>.el-input-group>.el-input__inner {
  border-right-color: rgba(0,0,0,0);
}
aside>>>.el-color-picker__color {
  border-color: rgba(0,0,0,0);
}
aside>>>.shadow .el-color-picker__color-inner {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
aside>>>.el-color-picker__color-inner {
  border-radius: 3px;
}
aside>>>.el-color-picker__trigger {
  border: none;
  margin-top: 2px;
  width: 26px;
  height: 26px;
}
aside>>> .el-color-picker--small .el-color-picker__icon {
  visibility: hidden;
}
aside>>>.el-input.is-active + .el-input-group__append, aside>>>.el-input__inner:hover + .el-input-group__append {
  border-color: #1abc9c;
}
@media screen and (max-width:1440px) {
  /* .bar {
    display: none!important;
  }

  .togglebtn {
    right: 0;
  } */
}
aside>>>.el-dialog__header {
  padding-top: 15px;
  text-align: left;
}
aside>>>.el-dialog__header span {
  position: relative;
  font-weight: bold;
  font-size: 16px;
}
aside>>>.el-dialog__header span:after {
  position: absolute;
  top: 25px;
  left: 0;
  font-size: 14px;
  white-space: nowrap;
  font-weight: normal;
  content: "请选择搭配你主题风格的仪表盘";
  font-size: 14px;
  color: #c0c6ca;
}
aside>>>.publish .el-dialog__header span:after {
  top: 1px;
  left: 85px;
  content: "主题发布后，需2-3个工作日审核，审核通过后正式进入主题市场提供下载.";
}
aside>>>.el-dialog__wrapper {
  background-color: rgba(0,0,0,0.4)
}
aside>>>.el-dialog__wrapper:last-child .el-dialog__header span:after {
  content: '';
}
aside>>>.confirm .el-dialog__header span:after {
  content: '';
}
aside>>>.el-dialog__headerbtn {
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  font-size: 42px;
}
aside>>>.el-dialog__headerbtn:hover {
  background-color: #1abc9c;
}
aside>>>.el-dialog__headerbtn .el-dialog__close {
      color: #303133;
}
aside>>>.el-dialog__headerbtn:hover .el-dialog__close {
  /* color: rgb(46,102,89)!important; */
  color: #fff!important;
}
aside>>>.el-dialog__footer .el-button--text {
  color: #a4a4a4;
}
aside>>>.el-button--text {
  color: #a4a4a4;
}
aside>>>.el-button--primary, aside>>>.el-button--primary.is-active, aside>>>.el-button--primary:active, aside>>>.el-button--danger, aside>>>.el-button--danger.is-active, aside>>>.el-button--danger:active {
  background: #16a085;
  padding: 12px 60px;
  margin-left: 50px;
}
aside>>>.el-button--danger, aside>>>.el-button--danger.is-active, aside>>>.el-button--danger:active {
  background: rgb(192,57,43);
}
aside>>>.el-dialog__body .grid-content {
  height: 0;
  margin-bottom: 5px;
  border-radius: 5px;
  padding-top: 100%;
  background-color: #ccc;
}
aside>>>.publish .el-dialog__body .grid-content {
  height: auto;
  margin-bottom: 5px;
  border-radius: 5px;
  padding-top: 0;
  background-color: #fff;
  overflow:hidden;
}
aside>>>.publish .el-dialog__body {
  padding: 30px;
}
aside>>>.publish .el-dialog__body .grid-content img.thumb {
  width: 100%;
  height: 260px;
  border-radius: 10px;
}
aside>>>.publish .el-dialog__body {
  margin-left: -10px;
  overflow: hidden;
}
aside>>>.publish .el-dialog__body .el-col-12 {
  position: relative;
  margin: 10px 0;
  padding: 0 10px;
}
aside>>>.publish .el-dialog__body .el-col-12 > div {
  position: relative;
  height: 0;
  width: 100%;
  border-radius: 5px;
  padding-top: 37%;
  /* background-color: #f6f6f6; */
}
aside>>>.publish .el-dialog__body .el-col-12 > div img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
aside>>>.el-radio-group {
  width: 100%;
}
aside>>>.el-dialog__body .grid-content {
  border: 3px solid transparent;
  position: relative;
}
aside>>>.el-dialog__body .grid-content.active {
  border: 3px solid #16a085;
  /* margin-top: -3px; */
}
aside>>>.el-dialog__body .grid-content img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 5px;
}
aside>>>.el-dialog__body .el-radio__label {
  color: #fff;
}
aside>>>.el-radio__input.is-checked .el-radio__inner {
  border-color: #16a085;
  border-width: 2px;
  background: #fff;
}
aside>>>.el-radio__input.is-checked .el-radio__inner:hover {
  border-color: #16a085;
}
aside>>>.el-radio__input.is-checked .el-radio__inner:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #16a085;
}
aside>>>.filter1 {
  opacity: 0.55
}
.export-box .el-button {
  background: #fff;
  padding: 12px 60px;
  margin-left: 50px;
  color: #000;
  border: 1px solid #e8edef;
  font-size: 16px;
}
.export-box .el-button:hover {
  background: #16a085;
  color: #fff;
  border-color: #16a085;
}
.el-button--primary, .el-button--primary:hover {
  border-color: transparent;
}
aside>>>.el-message {
  background-color: #f6f6f8;
  width: 252px;
  height: 82px;
  top:1100px!important;
}
aside>>>.el-dialog__title {
  font-size: 18px;
}

.jzt_tags{
  margin-bottom: 15px;width: 190px;float: left;height: auto; border: 0; background: none;
}

.jzt_tags span{display: block;float: left; margin:0px  5px  5px}
.jzt_tags button{display: block;float: left; margin:0px  5px  5px}

aside>>>.el-tabs__active-bar {
  top: 0;
  width: 100px!important;
  height: 3px;
  margin-left:0px;
  background-color:#139e83;
}

aside>>>.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  width:100px!important;
  /* padding-left: 20px!important; */
  padding-right: 0!important;
}

.jpr{width: 300px; float: left;margin-bottom: 20px}

.jpr .el-radio-group {width: 150px; float: left;margin-left: -10px;}

.jpr .el-radio {
    margin-right: 15px !important;
}

/* .jpr_box{width: 200px; float: left;margin: 10px 0 10px 0;} */

.jpr_box .el-input-number{width:150px; float: left;margin: 10px 0 10px 10px;}
.jpr_box span{color: rgb(149, 165, 166);
    font-size: 15px; display: block;float: left;padding: 30px 0 0 8px}
.jxb_b{ width: 100%; height: auto; display: block; float: left;margin: 0px 0 10px;}
.jright_wz{ text-align: right;    width: 60px;}
</style>



// WEBPACK FOOTER //
// src/components/Sidebar.vue
